<header id="header">
  <div id="header-inner-wrapper" class="pt-24 lg:pt-0">
    <div
      class="w-full relative mx-auto px-6 pt-16 pb-40 md:pb-24"
    >
      <div class="text-left md:text-center sm:max-w-2xl max-w-3xl mx-auto">
        {{ with .Params.header_brand }}
          {{- partial "header/brand.html" . -}}
        {{ end }}
        {{ with .Params.header_tagline_paragraph }}
          {{- partial "header/tagline_paragraph.html" . -}}
        {{ end }}
        <div class="mb-16 mt-16">
          {{ with .Params.header_button_cta }}
            {{- partial "header/button_cta.html" . -}}
          {{ end }}
          {{ with .Params.header_button_more }}
            {{- partial "header/button_more.html" . -}}
          {{ end }}
        </div>
      </div>
      {{ with .Params.teaser_image }}
        {{- partial "header/teaser_image.html" . -}}
      {{ end }}
    </div>
  </div>
</header>
