.login-page{
    background-color:#ddebf7;
    margin:0 auto;
    height:500px;
}

.login-page h2,
.login-page h3,
.login-page h4
{
    font-weight:bold;
}

.login-page .login-box {
  width: 90%;
  margin: 5% auto;
}
@media (max-width:768px) {
  .login-box,
  .register-box {
    width: 90%;
    margin-top: 10px;
  }
}

.login-page .login-box .login-logo{
    margin-bottom:5px;
}
.login-page .login-box .login-logo >img{
    width:240px;
    height:200px;
}
@media (max-width: 767px) {
    .login-page .login-box .login-logo >img{
        width:192px;
        height:160px;
    }
}
.login-page .login-box-body{
    background:#ddebf7;
    padding:5px;
    text-align:center;
}
.login-page .login-box-body .form-group{
    width:300px;
    margin:0 auto;
    margin-bottom:15px;
    text-align:left;
}
.login-page .login-box-body .input-group{
    width:300px;
    margin:0 auto;   
}

.login-page .login-box-body  input{
    font-size:1.2em;
    border-radius: 5px;
}

.login-page .login-box-body {
    margin:0 auto;
    float:none;
    text-align:center;
}

.login-page .login-box-body .btn{
    background-color:#404040;
    border:none;
    border-radius: 5px;
    font-weight:bold;
    width:120px;
    margin:0 auto;
}

.login-page .login-box-footer,
.login-page .login-box-footer > div{
    margin-top:10%;
    text-align:center;
}
.login-page .login-box-footer .copyright .company{
    color:#3c8dbc;
}