#about {
  float: left;
  font-size: 1em;
  margin-right: 5%;
  width: 54%;
}

#about p {
  margin-bottom: 1em;
}

#about h1 {
  font-size: 24px;
  letter-spacing: -1px;
  padding-top: 5px;
  margin-bottom: 10px;
}

#about h2 {
  font-size: 18px;
  margin-top: 30px;
}

#about h3 {
  font-size: 1.2em;
  margin: 1.5em 0 0.3em;
}

#about ul {
  padding: 0em 0 1em 2em;
}

#faq {
  background-color: #ddeeff;
  float: left;
  margin-bottom: 2em;
  padding: 0 0.6em 0.8em;
  width: 38%;
}

#faq p {
  font-size: 0.8em;
}

#faq h2 {
  font-size: 1.4em;
  margin: 0.5em 0;
}

#faq h3 {
  font-size: 1em;
  margin: 1em 0 0.5em;
  padding-top: 0.5em;
}

#portrait {
  float: right;
  margin: -2em 0 2em 1em;
}

#feedback {
  clear: both;
}

#feedback #left {
  width: 49%;
}

#feedback #right {
  float: left;
  margin-left: 3%;
  width: 48%;
}

.alert {
  color: black;
  background: #ffde00;
  margin-top: -8px;
  padding: 6px;
}

@media screen and (max-width: 730px) {
  #about,
  #faq,
  #feedback #left,
  #feedback #right {
    border: 0;
    float: none;
    margin: 0;
    padding: 2%;
    width: 96%;
  }

  #about h1 {
    color: white;
  }

  #faq {
    margin-top: 1.2em;
  }

  #portrait {
    margin: 0.2em 0 2em 1em;
  }
}