body{background:url(../img/login-in.jpg) center bottom no-repeat fixed #dee3e7;background-size:100% 100%}.login{background:rgba(255,255,255,.8);box-shadow:1px 2px 6px #999;border-radius:10px;position:fixed;bottom:10%;width:inherit;text-align:center;padding:10px 5px}.login h1{font:700 22px Arial,Helvetica,sans-serif;text-transform:uppercase;color:#007fff;border-bottom:1px solid #948f8f;padding-bottom:10px}.login-logo{margin-top:10px}.user{font-size:20px;color:#0466b1}form{padding:0 20px}.login .form-group p{font-size:15px;line-height:18px}.login .form-group p a{color:#007fff;transition:all .3s}.login .form-group p a:hover{color:#464646}.login .form-group p span{font-size:11px;color:#007fff}.login .form-group p span a{text-decoration:none;color:#464646}.login .input-group{margin-bottom:10px}.login .form-group button{font:700 15px Arial,Helvetica,sans-serif;padding:5px 10px;border:0;margin:8px}@media only screen and (max-width:980px){.login-logo img{width:250px}}@media only screen and (max-width:800px){body{background:url(../img/login-in.jpg) center top;background-cover:cover}.login-logo img{width:200px}}@media only screen and (max-width:767px){.login{border-radius:10px;position:static;width:50%;margin:0 auto}.login-logo{margin:15px auto;text-align:center}}@media only screen and (max-width:640px){.login{border-radius:10px;position:static;width:80%}}