html { background-color: #eee }
body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  max-width: 480px;
  background-color: #fff;
  margin: 0 auto;
  padding: 1em 2.5em 1.4em 2.75em;
  font-size: 20px;
}
a { color: #f00; text-decoration: none }
a:hover { color: #fff; background-color: #f00 }
h1, h2, h3, h4, h5, h6 {
  text-align: center;
}
h1, h2 {
  font-weight: normal;
  font-family: "Times New Roman", serif;
}
h1 {
  font-size: 2em;  /* default 2em */
  padding-top: 1em;
}
h2 {
  font-size: 1.5em;  /* default 1.5em */
  padding-top: 1em;
}
h3 {
  font-size: 1.05em;  /* default 1.17em */
  margin-top: 2em;
}
p {
  line-height: 1.3;
}
#nav {
  text-align: center;
  margin-top: 2.5em;
  line-height: 1.65;
}
@media only screen and (max-width: 500px) {
  #nav {
    /* font-size: 0.8em; */
  }
}