Typography

<h1>Heading level 1</h1>
<h3 class="intro">Standfirst is a brief introductory summary of an article in a newspaper or on a website, typically appearing immediately after the headline and typographically distinct from the rest of the article.</h3>
<h2>Heading level 2</h2>
<p>Lorem ipsum Voluptate ut velit laboris non Ut fugiat in mollit id dolore incididunt est in aliqua qui culpa est laboris eiusmod ut aliquip in non nisi ex pariatur minim enim Duis sed eiusmod eiusmod anim laborum.</p>
<h3>Heading level 3</h3>
<ul>
    <li>This is an unordered list</li>
    <li>It has a number of items</li>
    <li>They are marked by bullet points</li>
</ul>
<h4>Heading level 4</h4>
<ol>
    <li>This is an ordered list</li>
    <li>It has a number of items</li>
    <li>They are marked by numbers</li>
</ol>
<figcaption>Caption text is smaller than paragraph text.</figcaption>
<p class="media__credit">Media credits are the smallest type on the site</p>