<h2>Site fonts</h2>

<div class="row">

  <div class="col-md-2">
    <div class="SiteFont-Regular">Regular</div>
    <div class="SiteFont-Regular h4">Regular</div>
    <div class="SiteFont-Regular h3">Regular</div>
    <div class="SiteFont-Regular h2">Regular</div>
    <div class="SiteFont-Regular h1">Regular</div>
  </div>

  <div class="col-md-2">
    <div class="SiteFont-RegularItalic">Regular Italic</div>
    <div class="SiteFont-RegularItalic h4">Regular Italic</div>
    <div class="SiteFont-RegularItalic h3">Regular Italic</div>
    <div class="SiteFont-RegularItalic h2">Regular Italic</div>
    <div class="SiteFont-RegularItalic h1">Regular Italic</div>
  </div>

  <div class="col-md-2">
    <div class="SiteFont-Light">Light</div>
    <div class="SiteFont-Light h4">Light</div>
    <div class="SiteFont-Light h3">Light</div>
    <div class="SiteFont-Light h2">Light</div>
    <div class="SiteFont-Light h1">Light</div>
  </div>

  <div class="col-md-2">
    <div class="SiteFont-LightItalic">Light Italic</div>
    <div class="SiteFont-LightItalic h4">Light Italic</div>
    <div class="SiteFont-LightItalic h3">Light Italic</div>
    <div class="SiteFont-LightItalic h2">Light Italic</div>
    <div class="SiteFont-LightItalic h1">Light Italic</div>
  </div>

  <div class="col-md-2">
    <div class="SiteFont-Medium">Medium</div>
    <div class="SiteFont-Medium h4">Medium</div>
    <div class="SiteFont-Medium h3">Medium</div>
    <div class="SiteFont-Medium h2">Medium</div>
    <div class="SiteFont-Medium h1">Medium</div>
  </div>

  <div class="col-md-2">
    <div class="SiteFont-Bold">Bold</div>
    <div class="SiteFont-Bold h4">Bold</div>
    <div class="SiteFont-Bold h3">Bold</div>
    <div class="SiteFont-Bold h2">Bold</div>
    <div class="SiteFont-Bold display-6">Bold</div>
  </div>

</div>


<h2>Header fonts</h2>

<div class="row">
  <div class="col-md-2">
    <div class="HeaderFont-Light ">Light</div>
    <div class="HeaderFont-Regular ">Regular</div>
    <div class="HeaderFont-Medium ">Medium</div>
    <div class="HeaderFont-SemiBold">Bold</div>
  </div>
</div>
