#login .login-form {
  margin-top: 2.5%;
  margin-bottom: 2.5%;
  padding: 1rem;
  text-align: center;
  /* border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
  background-color: #ccc; */
}
#login h2 {
  margin-top: 3rem;
  margin-bottom: 2rem;
  color: #000;
  font-size: 3.0rem;
  font-weight: bold;
  text-shadow: 3px 3px 3px #555;
}
#login input {
  margin-bottom: 1rem;
  color: #000;
  font-size: 1.0rem;
}

/* #login input:required{
  background: #ffcdd2;
}
#login input[type="email"]:invalid{
  background: #ffcdd2;
}
#login input:valid{
  background: transparent;
}
#login input:focus{
  background: #ffe;
} */

@media (min-width: 769px) {
  #login h2 {
    margin-top: 3rem;
    margin-bottom: 2rem;
    font-size: 4rem;
    font-weight: bold;
    text-align: center;
  }
  #login input {
    margin-bottom: 1.5rem;
    font-size: 1.2rem;
  }
}

@media (min-width: 992px) {
  #login h2 {
    margin-top: 3rem;
    margin-bottom: 2rem;
    font-size: 5.0rem;
    font-weight: bold;
    text-align: center;
  }
  #login input {
    margin-bottom: 2rem;
    font-size: 1.2rem;
  }
}