body {
    background-color: rgb(221, 221, 221);
    background-image: url(/static/images/background-login-mobile.jpg);
    background-repeat: no-repeat;
    background-position: left;
    background-size: cover;
    color: #333;
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    height: 100vh;
}
.alert p {
    font-size: 0.750em;
}
.login, .forgot-password, .new-password {
    padding-top: 200px;
}
.forgot-password .password-container,
.login .login-container,
.new-password .new-password-container {
    background-color: rgba(255,255,255,1);
    padding-top: 20px;
    padding-bottom: 20px;
    border-radius: 4px;
}
.forgot-password .password-container h1,
.login .login-container h1,
.new-password .new-password-container h1 {
    color: #DDDDDD; 
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
}
.forgot-password .password-container img,
.login .login-container .spacer,
.new-password .new-password-container img {
    margin-bottom: 16px;
}
.forgot-password .password-container p,
.new-password .new-password-container p {
    font-size: 0.750em;
    font-style: italic;
}
.forgot-password .password-container form .form-group,
.login .login-container form .form-group,
.new-password .new-password-container form .form-group {
    margin-bottom: 30px;
}
.forgot-password .password-container form .form-group label,
.login .login-container form .form-group label,
.new-password .new-password-container form .form-group label {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 13px;
}
.forgot-password .password-container form .btn-primary,
.login .login-container form .btn-primary,
.new-password .new-password-container form .btn-primary {
    background-color: #41B6E6;
    border-color: #41B6E6;
    font-size: 0.875em;
    font-weight: 600;
    text-transform: uppercase;
}
.login .login-container .link-forgot-password {
    font-size: 0.750em;
    font-weight: 400;
    color: #333;
    text-decoration: underline;
    display: block;
    margin-top: 60px;
}
@media screen and (min-width: 1140px) {
    body {
        background-image: url(/static/images/background-login.png);
        background-position: 50% 0%;
    }
    .forgot-password,
    .login {
        padding-left: 5px;
    }

    .forgot-password .password-container img,
    .login .login-container .spacer,
    .new-password .new-password-container img {
        margin-bottom: 140px;
    }
}
@media screen and (min-width: 1500px) {
    .forgot-password,
    .login,
    .new-password {
        padding-left: 85px;
    }
}