{{#fields}}
{{#page_banner}}
{{#contentItem}}

{{#backgroundUrl}}
<header class="GD-LandingWithCTA container-max-width GD-LandingWithCTA" style="min-height: 200px; background-image: url({{{backgroundUrl}}})">
{{/backgroundUrl}}
{{^backgroundUrl}}
<header class="GD-LandingWithCTA container-max-width GD-LandingWithCTA" style="min-height: 200px; background-image: url({{{fields.background.url}}})">
{{/backgroundUrl}}

<div class="GD-LandingWithCTA__shadow" style="min-height: 200px;">
    <div class="container">
      <div class="row">
        <div class="col-md-12">
          {{#fields.title}}
          <div class="GD-LandingWithCTA__titles {{fields.text_align}}">
            <h1 class="big" style="color: {{fields.font_color}}; text-shadow: {{fields.text_shadow_title}}">{{{fields.title}}}</h1>
            {{#fields.subtitle}}
            <h3 class="medium" style="color: {{fields.font_color}}; text-shadow: {{fields.text_shadow_subtitle}}">{{{fields.subtitle}}}</h3>
            {{/fields.subtitle}}
          </div>
          {{/fields.title}}
        </div>
      </div>
      <div class="row">
        <div class="col-md-12">
          <div class="GD-LandingWithCTA__call-to-actions {{fields.text_align}}">
            {{#fields.ctalinks}}
            {{#contentItem}}
            <div class="GD-LandingWithCTA__call-to-actions__btn-container">
              <a href="{{{fields.full_link}}}" data-gtm="{{fields.data_gtm}}" data-color="{{fields.cta_color}}" style="background-color: {{fields.cta_color}}"
                class="GD-LandingWithCTA__call-to-actions__btn-container__btn brandbackgroundhover">{{{fields.link_title}}}</a>
            </div>
            {{/contentItem}}
            {{/fields.ctalinks}}
          </div>
        </div>
      </div>
    </div>
  </div>
</header>
{{/contentItem}}
{{/page_banner}}
{{/fields}}