<div class='header'>
  <div class="container">
    {% if site.retro %}
    <div class="logo">
      <a href="{{ site.baseurl }}"><img alt="{{ site.title }}" src="{{ site.logo | relative_url }}" /></a>
    </div>
    {% else %}
    <div class="logo">
      <a href="{{ site.baseurl }}"><img width="{{ site.logo.desktop_width }}" height="{{ site.logo.desktop_height }}" alt="{{ site.title }}" src="{{ site.logo.desktop | relative_url }}" /></a>
    </div>
    <div class="logo-mobile">
      <a href="{{ site.baseurl }}"><img width="{{ site.logo.mobile_width }}" height="{{ site.logo.mobile_height }}" alt="{{ site.title }}" src="{{ site.logo.mobile | relative_url }}" /></a>
    </div>
    {% endif %}
    {% include main-menu.html %}
  </div>
</div>

