html,
body {
  height: 100%;
}
.layout-boxed html,
.layout-boxed body {
  height: 100%;
}
body {
  font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 400;
  overflow-x: hidden;
  overflow-y: auto;
}
.login-logo,
.register-logo {
  font-size: 25px;
  text-align: center;
  margin-bottom: 25px;
  font-weight: 200;
}
.login-page,
.register-page {
    background: #2e3141;
    position: relative;
    background-color: #2e3141;
    background-image: linear-gradient(to top, rgba(46, 49, 65, 0.8), rgba(46, 49, 65, 0.8)), url("../images/bg2.jpg");
    background-size: auto, cover;
    background-attachment: fixed, fixed;
    background-position: center, center;
}
.login-box,
.register-box {
    width: 364px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

@media (max-width: 768px) {
  .login-box,
  .register-box {
    width: 90%;
  }
}
.login-box-body,
.register-box-body {
  background: #fff;
  padding: 20px;
  border-top: 0;
  color: #666;
}
.login-box-body .form-control-feedback,
.register-box-body .form-control-feedback {
  color: #777;
}