Headings

All HTML headings, <h1> through <h6>, are avaliable:

Hero h1: Lorem ipsum

h1: Lorem ipsum

h2: Lorem ipsum

h3: Lorem ipsum

h4: Lorem ipsum

h5: Lorem ipsum

h6: Lorem ipsum

<h1>h1: Lorem ipsum</h1>
<h2>h2: Lorem ipsum</h2>
<h3>h3: Lorem ipsum</h3>
<h4>h4: Lorem ipsum</h4>
<h5>h5: Lorem ipsum</h5>
<h6>h6: Lorem ipsum</h6>

.header1 through .header6 classes are also available, for when you want to match the font styling of a heading but cannot use the associated HTML element.

h1: Lorem ipsum

h2: Lorem ipsum

h3: Lorem ipsum

h4: Lorem ipsum

h5: Lorem ipsum

h6: Lorem ipsum

<p class="header1">h1: Lorem ipsum</p>
<p class="header2">h2: Lorem ipsum</p>
<p class="header3">h3: Lorem ipsum</p>
<p class="header4">h4: Lorem ipsum</p>
<p class="header5">h5: Lorem ipsum</p>
<p class="header6">h6: Lorem ipsum</p>