<header class="w-100 tc pv4 pv2-l ph4-l bb border-color avenir dt-l">
  <div class="dtc-l tl-l">
    {% if site.avatar %}
      <a class="dib-l v-mid-l mr2-l" href="{{ '/' | relative_url }}" title="Home">
        <img class="w3 w2-l h3 h2-l br-100 ba border-color" src="{{ site.avatar | relative_url }}" alt="avatar">
      </a>
    {% endif %}
    <h1 class="baskerville f2 f3-l mt2 mt0-l mb0 dib-l v-mid-l">
      <a class="body-color-dark hover-no-decoration" href="{{ '/' | relative_url }}" title="Home">{{ s