<div class="flex flex-col md:flex-row md:items-center md:justify-between pt-5 md:pt-10">
  <h1 class="text-2xl md:text-3xl font-black leading-tight pb-5 md:pb-0">
    <a class="text-gray-700 hover:text-purple-500 dark:text-gray-200 dark:hover:text-purple-500" href="/">{{ site.title }}</a>
  </h1>
  {% include "nav.liquid" %}
</div>