body {
    /*background:              black url(../../img/OEM001/login_bg.jpg) no-repeat center center fixed;*/
    background:              black no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size:    cover;
    -o-background-size:      cover;
    background-size:         cover;
    color:                   #6D6E71;
    font-size:               140% !important;
    letter-spacing:          1px;
}

#header {
    height: 90px;
    padding-top: 10px;
}

.login-layout .logo {
    width: 60px;
    height: 68px;
}

.form-signin {
    margin:           0 auto;
    position:         relative;
    background-color: rgb(255, 255, 255);
    background-color: rgba(255, 255, 255, .95);
}

.form-signin {
    max-width: 660px;
    padding:   60px 110px 0 110px;
    top:       30px;
}

.header-signin .brand-title {
    font-size:   3em;
    font-weight: bolder;
}

label, .btn-login {
    font-weight:    bold;
    text-transform: uppercase;
    font-size:      120% !important;
    letter-spacing: 1px;
    text-align:     left !important;
}

textarea, select, input {
    background: #E0DDCF !important;
    border:     none !important;
}

.btn-login {
    background-color: #5E5B52 !important;
    border:           none;
    padding:          3px 10px !important;
    border-radius:    100px;
    font-weight:      bold;
    letter-spacing:   2px;
}

.btn-retrieve-password {
    color: #313638;
}

@media (max-width: 767px) {
    body {
        color:          #6D6E71;
        font-size:      100% !important;
        letter-spacing: 1px;
    }

    #header {
        height: 35px;
        padding-top: 0;
    }

    .login-layout .logo {
        width:  30px;
        height: 34px;
    }

    .header-signin .brand-text {
        font-size:   180%;
        font-weight: bolder;
    }

    .form-signin {
        padding: 20px 20px 0 20px;
    }
}