<div class="text-block text-center py-4">
          <div class="text-block__title">
            <h2 class="divider">H2 - Normal title</h2>
          </div>
        </div>

<div class="text-block text-block--align-left py-4">
          <div class="text-block__title">
            <h2 class="divider">H2 - Normal title aligned left</h2>
          </div>
        </div>

<div class="text-block text-center py-4">
          <span class="subheadline mb-2">Subtitle</span>
          <h1 class="text-block__title headline headline--secondary divider">H1 -Green title</h1>
          <div class="text-block__content">
            <p class="big">Ingress text....</p>
          </div>
        </div>

<div class="bg-gray-dark">
        <div class="xl:container mx-auto">
          <!-- Normal title dark -->
          <div class="text-block text-center py-4">
            <div class="text-block__title text-block__title--light">
              <h2 class="divider">Knowledge</h2>
            </div>
          </div>
        </div>
      </div>

<article class="anchor-text-block border-b-2 border-gray-light py-3">
          <a href="#" class="anchor-text-block__link">
            <span class="anchor-text-block__date">23 July 2020 09:10</span>
            <span class="anchor-text-block__title">Raute Corporation - Half-Year Report Janurary 1 - June 30, 2020</span>
          </a>
        </article>