body{background: url('../img/background.jpg') no-repeat scroll center center;background-size: cover;}#login-box{width: 290px;height: 475px;background-color:#FFFFFF;padding: 60px 55px 40px 55px;position: relative;left:50%;top:50%;margin-left:-145px;margin-top: 150px;margin-bottom: 150px;box-shadow: 0 0 10px 2px #666666;}#login-box .avatar{width: 100%;text-align: center;margin-bottom:16px;}#login-box .logo{width: 100%;text-align: center;position:absolute;bottom:40px;margin-left:-55px;}#login-box input.login-input{border:1px solid #3E3D40;padding: 16px 5%;width: 90%;color:#9c9e9f;font-size:1.1em;}#login-box input[type=submit].login-input{border:1px solid #009EE0;background-color:#009EE0;color:#FFFFFF;text-align: center;width:100%;padding: 16px 0;font-size:1.2em;margin-top:6px;}.alert-error{width: 100%;text-align: center;background-color: #ffdd6b;border: 1px solid #ffdd6b;font-weight:bold;font-size:1.2em;color:#bf3838;padding: 10px 0;margin-bottom:8px;}#login-box p{margin: 0 0 5px 0;}body{background: url('../img/bad.jpg') no-repeat scroll center center;min-width: 600px;}#login-box{width: 500px;height: 575px;background-color:#FFFFFF;padding: 25px 50px 40px 50px;position: relative;left:50%;top:50%;margin-left:-300px;margin-top: 125px;margin-bottom: 125px;box-shadow: none;}#login-box #contact{text-align: center;color: #024687;font-weight: bold;font-size: 1.3em;padding: 0 5px 25px;}#login-box #login-box-left,#login-box #login-box-right{float:left;position: relative;width: 250px;margin-bottom: 0;margin-left: 125px;}#login-box #login-box-right{width: 250px;padding-left: 100px;}#login-box .avatar{width: 100%;text-align: center;margin-bottom:30px;}#login-box .center-bottom{float:left;width:400px;margin-left:50px;margin-top: -54px;}#login-box .logo{width: 100%;text-align: center;position: relative;margin-left:0;bottom: auto;}#login-box input.login-input{border:1px solid #024687;padding: 8px 5%;width: 90%;color:#024687;font-size:1em;}#login-box input[type=submit].login-input{border:1px solid #009EE0;background-color:#009EE0;color:#FFFFFF;text-align: center;width:100%;padding: 8px 0;font-size:1.2em;margin-top:3px;margin-bottom:8px;}.alert-error{width: 100%;text-align: center;background-color: #ffdd6b;border: 1px solid #ffdd6b;font-weight:bold;font-size:1.2em;color:#bf3838;padding: 10px 0;margin-bottom:8px;}#login-box p{margin: 0 0 5px 0;text-align: center;}#slidebox{width: 400px;height: 150px;overflow: hidden;margin-bottom: 30px;}@media (max-width: 700px) {body{ min-width: 400px;} #login-box{width: 400px;margin-left: -250px;} #login-box #login-box-left, #login-box #login-box-right{float:none;margin-left:75px;padding-left: 0;} #login-box .center-bottom{margin-left: 0;}}