.header{margin-bottom:0}
.login-screen{min-height:100vh;background: url(images/arbisbackground.png) no-repeat center center;background-size:cover;padding-top:15vh;}
.login-container{max-width:1024px;margin:0 auto}
.intro-block,.login-block{width:50%;display:inline-block;float:left}
    .intro-block h1{font: normal 46px / 1.1 ClearSansM;color:#fff}
    .intro-block p{font:  normal 16px / 1.5 ClearSansR;color:#fff;margin:40px 0 30px;}
    .intro-block .btn{}
.login-block{float:right;width:40%;}
    .login-block-content{background-color: #f9f9fa;padding:50px}
    .login-block h2{padding-left:30px;margin-top:0;padding-top:3px;font: normal 24px / 1.5 ClearSansB;color: #313131;background: url(images/lock-icon.svg) no-repeat center left;margin-bottom:20px}
    .login-block input[type=text],.login-block input[type=password]{font: normal 15px / 1.3 ClearSansR;border:1px solid #aaa;background:#fff;margin-bottom:10px}
    .form-controls{padding-top:20px;}
    .form-controls .btn{}
.form-controls a{color:#777777;font-size: 14px;padding:0 15px}
.login-block-footer{background-color: #313131;color:#fff;padding:20px 50px;}
    .login-block-footer a{color:#777;padding:0 15px;}
.loginfix {
    overflow-x:hidden;
}
ul {
    color: #FFFFFF;
}

/* Media query for small screens (e.g., max-width: 768px) */
@media screen and (max-width: 768px) {
    .intro-block, .login-block {
        width: 100%;
        padding: 10px;
    }
    .intro-block h1{font: normal 32px / 1.1 ClearSansM;color:#fff; margin:10px 0 5px;}
    .intro-block p{font:  normal 16px / 1.5 ClearSansR;color:#fff; margin:10px 0 5px;}
    .login-screen {
    	padding-top: 0vh;
    }
}