body {
  line-height: 1.5em;
  max-width: 760px;
  margin: 0 auto;
  padding: 0 5%;
}

h1 {
  font-size: 2.35em;
  line-height: 1.276595744em;
  margin-top: 1.27659574em;
  margin-bottom: 0.63829787em;
}
h2 {
  font-size: 1.8em;
  line-height: 1.666666666em;
  margin-top: 1.66666667em;
  margin-bottom: 0.83333333em;
}
h3 {
  font-size: 1.35em;
  line-height: 1.111111111em;
  margin-top: 1.11111111em;
  margin-bottom: 1.11111111em;
}
h4 {
  font-size: 1em;
  line-height: 1.5em;
  margin-top: 1.5em;
  margin-bottom: 1.5em;
}
p, ul, ol, pre, table, blockquote {
  margin-top: 1.5em;
  margin-bottom: 1.5em;
}

/* Sanitation */
hr {
  border: 1px solid;
  margin: -1px 0;
}
ul ul, ol ol, ul ol, ol ul {
  margin-top: 0;
  margin-bottom: 0;
}
b, strong, em, small, code {
  line-height: 1;
}
sup, sub {
  vertical-align: baseline;
  position: relative;
  top: -0.4em;
}
sub {
  top: 0.4em;
}

@media screen and (min-width: 320px){
  body{
    font-size: 5vw;
  }
}
@media screen and (min-width: 401px){
  body{
    font-size: 4vw;
  }
}
@media screen and (min-width: 481px){
  body{
    font-size: 3vw;
  }
}
@media screen and (min-width: 850px){
  body{
    font-size: 2vw;
  }
}
@media screen and (min-width: 1000px){
  body{
    font-size: 1.5vw;
  }
}