{{- $c := site.Data.content -}}
<a class="skip" href="#main">{{ $c.header.a_1 }}</a>
<header class="site-head" id="top">
  <div class="wrap head-in">
    <a class="logo" href="#main" aria-label="Burrow Vet, back to top">
      <svg viewBox="0 0 48 48" aria-hidden="true">
        <path d="M6 46V30a18 18 0 0 1 36 0v16z" fill="#FF6B2C" />
        <path d="M9.4 20.6 9.9 6.6c.1-1.6 1.8-2.3 3-1.3l8.3 7.4z" fill="#FF6B2C" />
        <path d="M38.6 20.6 38.1 6.6c-.1-1.6-1.8-2.3-3-1.3l-8.3 7.4z" fill="#FF6B2C" />
        <path d="M15.5 46v-9.5a8.5 8.5 0 0 1 17 0V46z" fill="#2A1740" />
        <circle cx="20.8" cy="38.6" r="1.7" fill="#FFF5EB" /><circle cx="27.2" cy="38.6" r="1.7" fill="#FFF5EB" />
      </svg>
      <span><b>{{ $c.header.b_2 }}</b><small>{{ $c.header.small_3 }}</small></span>
    </a>
    <nav class="nav" id="site-nav" aria-label="Main">
      <a href="#services">{{ $c.header.a_4 }}</a>
      <a href="#visit">{{ $c.header.a_5 }}</a>
      <a href="#team">{{ $c.header.a_6 }}</a>
      <a href="#prices">{{ $c.header.a_7 }}</a>
      <a href="#faq">{{ $c.header.a_8 }}</a>
      <a class="nav-book" href="#book" hidden>{{ $c.header.a_9 }}</a>
    </nav>
    <a class="head-tel" href="tel:+15550142771"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 4h4l2 5-2.5 1.5a11 11 0 0 0 5 5L15 13l5 2v4a2 2 0 0 1-2 2A16 16 0 0 1 3 6a2 2 0 0 1 2-2" /></svg>{{ $c.header.text_10 }}</a>
    <a class="btn btn-fill head-cta" href="#book">{{ $c.header.a_11 }}</a>
    <button class="menu-btn" type="button" aria-expanded="false" aria-controls="site-nav" aria-label="Menu"><span class="bars" aria-hidden="true"><i></i><i></i><i></i></span></button>
  </div>
</header>