#main{min-height:100vh}#main:before{content:"";position:absolute;bottom:0;top:0;left:0;right:0}.login{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:760px;padding-left:20px;padding-right:20px}.login-wrapper{box-shadow:0 0 30px rgba(214,215,216,.4);box-shadow:0 0 15px 1px rgba(0,0,0,.4)}.login h1{font-family:'Poppins',sans-serif;font-size:32px;font-weight:700;text-transform:uppercase}.login h1 a{color:#fff}h2{padding-left:40px;font-family:'Poppins',sans-serif;font-size:26px;font-weight:700;text-transform:uppercase;color:#37517e}form{box-shadow:none;padding-top:20px;padding-bottom:0;padding:20px 40px}.form-control{display:block;width:100%;padding:10px 15px;font-size:14px;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;border-radius:0}.form-control:focus{border-color:#47b2e4;box-shadow:none}.img{background:url(../img/login.jpg) top center}label{color:#444;font-size:15px;font-weight:600}.forgot-password{font-size:14px}.forgot-password a{outline:none}.btnLogin{background:#47b2e4;border:0;padding:8px 30px;color:#fff;transition:.4s;border-radius:4px}.btnLogin:hover{background:#37517e}@media screen and (max-width:991px){.login{width:70%}.login-wrapper{width:100%}.img{display:none}}@media screen and (max-width:768px){.login{width:90%}}@media screen and (max-height:530px){#main{height:530px}#main:before{height:530px}.login{top:10%;left:50%;transform:translateX(-50%);padding-bottom:100px}.login h1{padding-top:20px}}