/* -------------------------------
   S E C T I O N  :  C O N T A C T
   ------------------------------- */

section#contact {
}

section#contact div#appointment {
  margin-top: 40px;
  margin-bottom: 20px;
  font-size: 1em;
  font-weight: 400;
  font-style: italic;
  font-family: 'Droid Serif', Times, serif;
  color: gray;
  text-transform: none;
}

section#contact .centertext {
  margin-bottom: 0px;
  font-size: 1.8em;
}

section#contact .grid div {
  padding: 0;
}

section#contact .grid input {
  display: block;
  width: 80%;
  border: 5px solid transparent;
  padding: 20px;
  margin: 10px auto;
  border-radius: .5rem;
}

section#contact .grid textarea {
  display: block;
  width: 80%;
  height: 211px;
  border: 5px solid transparent;
  padding: 20px;
  margin: 10px auto;
  border-radius: .5rem;
}

section#contact .grid button {
  margin: 10px auto;
}

section#contact .grid div#hint {
  display: none;
  width: 60%;
  margin: 10px auto;
  text-align: center;
  white-space: nowrap;
  padding: 20px 40px;
  font-weight: 700;
  font-size: 1.2em;
  background-color: lawngreen;
  border: 3px solid white;
  border-radius: .5rem;
  color: white;
}

section#contact .grid div#hint.bad {
  background-color: red;
  border: 3px solid white;
}