.login-screen {
    background-image: url('https://s3.amazonaws.com/usqstorage/ussq-custom-login-data/quebec/Quebec-01.png');
    opacity: 0.2 important!;
    background-size: cover;
}


.login-screen .shield-container .mini-shield {
    background-image: url('https://s3.amazonaws.com/usqstorage/ussq-custom-login-data/quebec/club locker square CL blue-01.png');
    width: 32px;
    height: 32px;
    

}

.login-screen.is-clublocker .logo {
    display: inline-block;
    width: 100%;
    background-size: 150px 150px;
    background-image: url('https://s3.amazonaws.com/usqstorage/ussq-custom-login-data/quebec/quebecBLACK.png');
    max-width: 150px;
    height: 150px;
}

.login-screen .logo-container { max-width: 300px; margin-top: 50px; }
.login-screen .for-login-checkbox { font-weight: bold; }
.login-screen .forgot-password-link { font-weight: bold; color: #000; text-decoration: underline; }
.login-screen .btn.btn-primary.login-btn { background: #000; color: #FFF; }

.login-screen.custom-login .create-account-block { display: inline; }

 @media only screen and (max-device-width : 500px) {
     .login-screen {
         background-image: url(https://s3.amazonaws.com/usqstorage/ussq-custom-login-data/quebec/Quebec-01.png);
         background-repeat: no-repeat;
         background-size: 1200px;
         background-position: top center;
    }
}


/* this one is mandatory! */
.login-screen.custom-login .view-container { display: block; }