.page-login:before {
  background-color: #092825;
  background-image: none;
}
.page-login form {
  width: 340px;
  margin: 30px 0;
}
.page-login form a {
  margin-left: 20px;
}
.page-login .form-control,
.page-login .floating-label,
.page-login .form-control:focus + .floating-label {
  color: #ddd;
}
.page-login a {
  color: black;
  background: #E6D565;
  padding: 2px 6px 2px 6px;
}
.page-login .social a {
  color: white;
  background: none;
  padding: 2px 6px 2px 6px;
}


.page-register:before {
  background-color: #092825;
  background-image: none;
}
.page-register form {
  width: 340px;
  margin: 30px 0;
}
.page-register form a {
  margin-left: 20px;
}
.page-register .form-control,
.page-register .floating-label,
.page-register .form-control:focus + .floating-label {
  color: #ddd;
}
.page-register a {
  color: black;
  background: #E6D565;
  padding: 2px 6px 2px 6px;
}
.page-register .social a {
  color: white;
  background: none;
  padding: 2px 6px 2px 6px;
}

@media (max-width: 767px) {
  .page-login form {
    width: auto;
  }
  .page-register form {
    width: auto;
  }
}