body {
  background: #fff;
  color: #000;
  font-family: sans-serif;
  font-size: 16px;
  line-height: 24px;
  display: flex;
  justify-content: center;
  flex-direction: column;
}

#login {
  padding: 0;
  margin: 0 auto;
}

.interim-login.login h1 a {
  width: 140px;
}

.login h1 a {
  display: block;
  background: url(../img/logo.png) no-repeat bottom center !important;
  margin-bottom: 10px;
  background-size: cover!important;
  width: 280px;
  height: 88px;
}

.login form {
  padding: 25px 20px;
}

.login #wp-submit, .login #wp-submit:hover, .login #wp-submit:focus, .login #wp-submit:active {
  background: #ed1f23;
  border-radius: 0px;
  border: none;
  padding: 8px 12px;
  text-shadow: none;
  vertical-align: middle;
  height: 34px;
  line-height: 20px;
  box-shadow: none;
  width: 100%;
  margin-top: 8px;
  transition: all 0.4s ease;
  text-transform: uppercase;
}

.login #wp-submit:hover, .login #wp-submit:focus, .login #wp-submit:active {
  background: #ed1f23;
  opacity: 0.7;
}

.login form .input, .login input[type=text] {
  padding: 8px;
}

.login label {
  color: #111;
  font-size: 16px;
}

.login form .forgetmenot label {
  font-size: 14px;
}

.login #backtoblog, .login #nav {
  font-size: 14px;
  padding: 0;
}

.login #backtoblog a, .login #nav a {
  color: #000;
}

.login #backtoblog a:hover, .login #nav a:hover, .login h1 a:hover {
  color: #ed1f23;
}