body,html{height:100%;margin:0;padding:0}main{display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:column;min-height:calc(100vh - 271px)}section#login{background:url(../images/app/education-bg.jpg);background-size:cover;flex:1;height:100%}section#login,section#login .wrapper{align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center}section#login .wrapper .container{background:#fff;border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,.1);padding:20px;width:500px}section#login .wrapper .container h1{font-size:36px;margin-bottom:20px;text-align:center}section#login .wrapper .container form .input-container{margin-bottom:20px;width:100%}section#login .wrapper .container form .input-container:last-of-type{margin-bottom:0}section#login .wrapper .container form .input-container strong{color:#111;display:block;margin-bottom:5px}section#login .wrapper .container form .input-container input{border:1px solid #ddd;border-radius:5px;font-size:16px;padding:10px;width:100%}section#login .wrapper .container form .input-container input:focus{border-color:#007bff}section#login .wrapper .container form .btn-primary{margin-top:20px}