html {
  font-size: 62.5%;
}

.login {
  background-color: #fff;
  font-size: 1.6rem;
}

.login a {
  color: #5A9FBB;
}

.login a:hover {
  color: #006386;
}

#login {
  width: 400px;
}

#nav,
#backtoblog {
  text-align: center;
  width: 100%;
}

#nav a,
#backtoblog a {
  color: #5A9FBB !important;
}

.login h1 a {
  background: url('images/thenaturaledge.jpg');
  background-size: 260px 106px;
  display: block;
  height: 106px;
  margin-bottom: 50px;
  width: 260px;
}

.login form {
  border: 0;
  box-shadow: none;
  padding: 0;
}

.login label {
  color: #006386;
  font-size: 1.6rem;
}

.login .button-primary {
  background-color: #da7700;
  border-radius: 5px;
  border: 0;
  box-shadow: none !important;
  box-sizing: border-box;
  color: #fff;
  font-size: 2rem;
  font-weight: bold;
  height: 40px !important;
  line-height: 40px !important;
  text-align: center;
  text-shadow: none;
}

.login .button-primary:focus,
.login .button-primary:hover {
  background-color: #da7700;
  border: 0;
}

.login input[type="email"],
.login input[type="text"],
.login input[type="password"] {
  background-color: #fff;
  border-radius: 5px;
  border-color: #ADE0F5;
  box-shadow: none;
  font-size: 1.6rem;
  padding: 2rem;
}

.login input[type="email"]:focus,
.login input[type="text"]:focus,
.login input[type="password"]:focus {
  border-color: #ADE0F5;
  box-shadow: none;
  outline:  initial;
}