Secondary Font : Montserrat

  <div class="secondary__font">
  <div class="text__container">
    <h1 class="heading1">Heading 1</h1>
    <h2 class="heading2">Heading 2</h2>
    <h3 class="heading3">Heading 3</h3>
    <h4 class="heading4">Heading 4</h4>
    <h5 class="heading5">Heading 5</h5>
  </div>
  <div class="text__container">
    <p class="text__xlarge">Text extra-large</p>
    <p class="text__large">Text large</p>
    <p class="text__medium">Text medium</p>
    <p class="text__small">Text small</p>
    <p class="text__xsmall">Text extra-small</p>
  </div>
  <div class="text__container">
    <p class="light text__medium">light</p>
    <p class="regular text__medium">regular</p>
    <p class="semibold text__medium">semibold</p>
    <p class="bold text__medium">bold</p>
    <p class="x-bold text__medium">Extra bold</p>
  </div>
  <div class="text__container">
    <p class="italic text__medium">italics</p>
    <p class="underline text__medium">underline</p>
  </div>
  <div class="text__container">
    <p class="text-align--left text__medium">left-aligned</p>
    <p class="text-align--center text__medium">center-aligned</p>
    <p class="text-align--right text__medium">right-aligned</p>
  </div>
  <div class="text__container">
    <p class="word-space--normal text__medium">normal word spacing</p>
    <p class="word-space--more text__medium">more word spacing</p>
  </div>
  <div class="text__container">
    <p class="letter-space--normal text__medium">normal letter spacing</p>
    <p class="letter-space--more text__medium">more letter spacing</p>
  </div>
  </div>