@import url('https://fonts.googleapis.com/css?family=Lato:300,300i,400');html,body{height:100%}body{font-family:'Lato',sans-serif;display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-align:center;-ms-flex-pack:center;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;flex-direction:column;background-color:#f5f5f5;background-image:url(../img/login-bg.jpg);background-size:cover}.form-signin{width:100%;max-width:330px;padding:10px 15px 15px 15px;margin:0 auto;background:#fff;position:relative;top:50%;transform:translateY(-50%)}.form-signin h1{color:#666;font-size:16px;font-weight:500!important}.form-signin .checkbox{font-weight:400}.form-signin .form-control{position:relative;box-sizing:border-box;height:auto;padding:10px;font-size:16px}.form-signin .form-control:focus{z-index:2}.form-signin input[type="email"]{margin-bottom:10px;border-radius:0}.form-signin input[type="password"]{margin-bottom:15px;border-top-left-radius:0;border-top-right-radius:0}.form-container{background:rgba(0,0,0,.5);width:100%;color:#fff;height:40%;padding:0 8%}.welcome-text h3{font-weight:300;font-size:2.5em}.welcome-text p{font-weight:300}.welcome-text-inner{border-right:1px solid #bbb}.logo{background:rgba(255,255,255,.8);height:100%;margin-left:8%}.logo>img{max-width:100%;height:auto;position:relative;top:50%;transform:translateY(-50%)}.logo-container{height:30%}.welcome-text{display:flex;flex-direction:column;justify-content:center}.pass-link{text-align:right!important}.pass-link a:hover{text-decoration:none;color:green;opacity:.7}@media(max-width:768px){.form-container{background:rgba(0,0,0,.5);width:100%;color:#fff;height:auto;padding:0}.logo{background:rgba(255,255,255,.8);height:100%;margin-left:0}.logo>img{max-width:100%;height:auto;transform:translateY(0%)}.logo-container{height:auto}.welcome-text-inner{border-right:0 solid #bbb}}