.login { background:#f9f9fc; min-height: 100vh; }

.login .logo { text-align:center;margin-bottom:30px; }
.login .logo img { width: 200px; }
.login form { 
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    top:0;bottom:0;left:0;right:0;
}

.login .intent { 
	position:relative;display:flex;align-items: center;
	background:#eff2f7; border-radius:5px;overflow: hidden;
	-webkit-box-shadow: 0 4px 25px 0 rgba(0,0,0,.05); 
	box-shadow: 0 4px 25px 0 rgba(0,0,0,.05); 
}
.login .left { display: flex;align-items: center; flex-direction:column; justify-content: center;}
.login .left { padding:10px; }

.login .right { background: #FFFFFF;padding: 50px 100px;min-width: 500px; }

.login .form-group {   margin-bottom:20px; }
.login .form-control {  background: rgba(235, 237, 242, 0.4); }

.login .btn-primary{ width:100%; }

@media (max-width: 768px){
	.login { background: #FFFFFF; }
	.login form { width:100%; }
	.login .intent { box-shadow: none;-webkit-box-shadow:none;width:100%; }
	.login .left { display: none; }
	.login .right{ min-width:100%;padding:0px 25px; }
}

.login .footer { display: none; }