html {
  font-size: 18px;
  line-height: 25px;
}
body {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 1em;
  line-height: 1.38888889em;
  text-align: justify;
  max-width: 632px;
  margin: auto;
}
article {
  max-width: 560px;
  margin: 2em;
}
h1, h2, h3, h4, h5 {
  font-family: 'Source Serif Pro', serif;
}
h1 {
  font-size: 3.38888889em;
  line-height: 1.2295082em;
  margin-top: 0.40983607em;
  margin-bottom: 0.81967214em;
}
h2 {
  font-size: 2.27777778em;
  line-height: 1.2195122em;
  margin-top: 0.6097561em;
  margin-bottom: 0.6097561em;
}
h3 {
  font-size: 1.5em;
  line-height: 1.85185185em;
  margin-top: 0.92592593em;
  margin-bottom: 0em;
}
h4 {
  font-size: 1em;
  line-height: 1.38888889em;
  margin-top: 1.38888889em;
  margin-bottom: 0em;
}
h5 {
  font-size: 1em;
  line-height: 1.38888889em;
  margin-top: 1.38888889em;
  margin-bottom: 0em;
}
p, ul, ol, pre, table, blockquote {
  margin-top: 0em;
  margin-bottom: 1.38888889em;
}
ul ul, ol ol, ul ol, ol ul {
  margin-top: 0em;
  margin-bottom: 0em;
}

/* Let's make sure all's aligned */
hr {
  border: 1px solid;
  margin: -1px 0;
}
a, b, i, strong, em, small, code {
  line-height: 0;
}
sub, sup {
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}