<!– Header –> <section class=“slide video pauseOffScreen bordered-slide”>

<div class="content">
  <div class="container">
    <div class="wrap">
      <ul class="flex later">
        <li class="col-5-12 text-align-left fromLeft">
          {% if page.title %}
            <h1 class="ae-3 home-headline">{{ page.title }}</h1>
          {% else %}
            <h1 class="ae-3 home-headline">{{ page.url | split: '/' | last | replace: '-', ' ' | replace: '_', ' ' | capitalize }}</h1>
          {% endif %}
          {% if page.subheadline %}
            <p class="ae-3">{{ page.subheadline }}</p>
          {% endif %}
        </li>
      </ul>
    </div>
  </div>
</div>
<nav class="panel bottom padding-bottom-6 ae-6">
  <div class="sections">
    <div class="left"></div>
    <div class="center"><span class="nextSlide"><svg style="width:40px;height:40px;fill:#FFFFFF!important;"><use xmlns:xlink="https://www.w3.org/1999/xlink" xlink:href="#arrow-down"></use></svg></span></div>
    <div class="right"></div>
  </div>
</nav>
<div class="background ae-2 fadeIn slow" id="home-header">
  <video poster="{% if page.header_image %}{{ page.header_image | prepend:site.baseurl }}{% endif %}" autoplay loop muted webkit-playsinline>
    {% if page.background-video %}
      <source src="{{ page.background-video }}" type="video/mp4"/>
      <source src="{{ page.background-webm }}" type="video/webm"/>
    {% endif %}
  </video>
</div>

</section> <!– .Header –>