<div class="half">
  <p>
    The typography base is "Inter" and Helvetica which we load by stylesheet with @font-face rule.
    Set at 13px with no specified line-height.
  </p>

  <p>
    Headings use the same font stack of the body text. They are bold with a line-height of 1.1.
  </p>
</div>

<div class="half">
  <h1>h1. This is a very large header.</h1>
  <h2>h2. This is a large header.</h2>
  <h3>h3. This is a medium header.</h3>
  <h4>h4. This is a moderate header.</h4>
  <h5>h5. This is a small header.</h5>
  <h6>h6. This is a tiny header.</h6>
</div>
