@media (max-width: 320px) {
    body {
        background: url('../../img/auth/login_xs.jpg') no-repeat fixed center center transparent;
        background-size: cover;
    }
}
@media (min-width: 321px) and (max-width: 767px) {
    body {
        background: url('../../img/auth/login_sm.jpg') no-repeat fixed center center #A7AEB8;
        background-size: cover;
    }
}
@media (min-width: 768px) {
    body {
        background: url('../../img/auth/login_xl.jpg') no-repeat fixed center center transparent;
        background-size: cover;
    }
    .row-login {
        margin-top: 100px;
    }
}
.row-login h1,
.row-login label {
    color: #ffffff;
}
.row-login label {
    font-size: 1.4em;
    color: #eeeeee;
}
/* placeholder */
.row-login input[placeholder]::-webkit-input-placeholder {
    color: #999;
}
.row-login input[placeholder]::-moz-placeholder {
    color: #999;
}
.row-login input[placeholder]:-moz-placeholder {   /* Older versions of Firefox */
    color: #999;
}
.row-login input[placeholder]:-ms-input-placeholder {
    color: #999;
}