header.html

<header class="h" role="header">
  <input type="checkbox" id="brg-tr" class="brg-tr a11y--h">
  <label for="brg-tr" class="brg-b" type="button" tabindex="0">
    <div class="brg">
      <span class="brg-c">
        <span class="brg-c-i"></span>
      </span>
      <span class="brg-t">
        <span class="a11y--h">Toggle
        </span>Menu</span>
    </div>
  </label>
  <div class="lo">
    <a href="index.html" class="lo-l">
      <img src="https://patterns.boston.gov/images/public/logo.svg" alt="City of Boston" class="lo-i">
      <span class="lo-t">Mayor Michelle Wu</span>
    </a>
  </div>
  <!-- <a href="#" class="s">
    <img src="https://patterns.boston.gov/images/public/seal.svg" alt="City of Boston" class="s-i">
  </a> -->
  <nav class="nv-h">
    <ul class="nv-h-l">
      <li id="targetLanguage" class="nv-h-l-i">
        <a href="index.html" title="About Us" class="nv-h-l-a nv-h-l-a--k">
          Home
        </a>
        <div id="overlay"></div>
        <div id="overlay-background"></div>
      </li>
      <li id="targetLanguage" class="nv-h-l-i">
        <a href="assumptions.html" title="Assumptions" class="nv-h-l-a nv-h-l-a--k">
          Assumptions
        </a>
        <div id="overlay"></div>
        <div id="overlay-background"></div>
      </li>
      <li id="targetLanguage" class="nv-h-l-i">
        <a href="our_team.html" title="About Us" class="nv-h-l-a nv-h-l-a--k">
          About Us
        </a>
        <div id="overlay"></div>
        <div id="overlay-background"></div>
      </li>
    </ul>
  </nav>
  <div class="h-s">
    <form class="sf" accept-charset="UTF-8" method="get">
      <input name="utf8" type="hidden" value="✓">
      <div class="sf-i">
        <input type="text" name="q" id="q" value="" placeholder="Search…" class="sf-i-f" autocomplete="off">
        <button class="sf-i-b">Search</button>
      </div>
    </form>
  </div>
</header>