body {
  font-size: 16px;
}
h1 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 2em;
  margin-bottom: 0;
  text-align: center;
}
h2 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.5em;
}
h3 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.17em;
}
h4 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  margin-top: 0;
  text-align: center;
}
code {
  background-color: #e4e4e4;
  border: 1px #999999 solid;
  margin: 3px 0;
  padding: 0 2px;
}

#quotes {
  margin: 24px auto;
  width: 95%;  /* (640px - 16px*2) / 640px */
}
@media only screen and (min-width: 640px) {
  #quotes {
    width: 608px;  /* 640px - 16px*2 */
  }
}
blockquote {
  background: #dddddd;
  border: 1px solid black;
  margin: 16px 0;
  padding: 12px;
  text-align: center;
}
.quote {
  font-size: 1.12em;
  font-style: italic;
}
.qauthor {
  margin-top: 4px;
  text-align: right;
}

.codebq {
  background: white;
  padding: 6px;
  text-align: left;
}

#nav {
  text-align: center;
}
.nav {
  font-family: Arial, Helvetica, sans-serif;
}