layout: default


<article class=“helvetica pb5”>

<header class="vh-60 dt w-100">
  <div 
    style="background:url({{ page.largeBackground | relative_url }}) no-repeat center right;background-size: cover;" 
    class="dtc v-mid cover ph3 ph4-m ph5-l">
    <h1 class="f2 pa3 f-subheadline-l measure lh-title fw9 bg-black-40 white">{{ page.title }}</h1>
    <h2 class="f6 pa3 fw6 bg-black-40 white">{{ page.subtitle }}</h2>
  </div>
</header>
<div class="serif ph3 ph4-m ph5-l">
  {%- if page.summary -%}
  <p class="lh-copy f5 f4-m f4-l measure center pv4">
    {{ page.summary }}
  </p>
  {%- endif -%}
  <div class="f5 f3-m lh-copy">
    {%- assign featured =  page.images | first -%}
    {%- if page.description or page.featured -%}
    <div class="cf dt-l w-100 bt b--black-10 pv4">
      {%- if featured -%}
      <div class="dtc-l v-mid mw6 pr3-l">
        <img class="w-100" src="{{ featured | relative_url }}" alt=""/>
      </div>
      {%- endif -%}
      {%- if page.description -%}
      <div class="dtc-l v-mid f6 f5-m f4-l measure-l">
        <p class="measure pv4-l center">
          {{ page.description }}
        </p>
      </div>
      {%- endif -%}
    </div>
    {%- endif -%}

    <div class="cf">
      {%- for img in page.images -%}
        {%- if forloop.index > 1 -%}
        <div class="fl w-100 w-25-l pr2-l pb3">
          <img class="db w-100" src="{{ img | relative_url}}" alt="">
        </div>
        {%- endif -%}
      {%- endfor -%}
    </div>
  </div>
  <div class="f5-m f4-l">
   {{ content }}
  </div>
</div>

</article>