Header: Default

<input type="checkbox" id="s-tr" class="s-tr" aria-hidden="true">

<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="#" class="lo-l">
            <img src="/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="/images/public/seal.svg" alt="City of Boston" class="s-i" />
    </a>
    <nav class="nv-h">
        <ul class="nv-h-l">
            <li class="nv-h-l-i">
                <a href="https://boston.gov/public-notices" title="Public Notices" class="nv-h-l-a">Public Notices</a>
            </li>
            <li class="nv-h-l-i">
                <a href="https://boston.gov/pay-and-apply" title="Pay and Apply" class="nv-h-l-a">Pay and Apply</a>
            </li>
            <li class="nv-h-l-i">
                <a href="https://boston.gov/feedback" title="Feedback" class="nv-h-l-a">Feedback</a>
            </li>
            <li id="targetLanguage" class="nv-h-l-i translate-dropdown-menu">
                <a id="cob_translate" href="#translate" title="Translate" class="nv-h-l-a nv-h-l-a--k translate-link">
                    Translate
                </a>
                <div id="overlay" class="translate-overlay"></div>
                <div id="overlay-background" class="translate-overlay-background"></div>
            </li>
            <li class="nv-h-l-i">
                <label for="s-tr" title="Search" class="nv-h-l-a nv-h-l-a--k nv-h-l-a-ic" id="searchIcon">
                    <svg id="Layer_2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 41">
                        <title>Search</title>
                        <path class="nv-h-l-a-i" d="M24.2.6C15.8.6 9 7.4 9 15.8c0 3.7 1.4 7.2 3.6 9.8L1.2 37c-.8.8-.8 2 0 2.8.4.4.9.6 1.4.6s1-.2 1.4-.6l11.5-11.5C18 30 21 31 24.2 31c8.4 0 15.2-6.8 15.2-15.2C39.4 7.4 32.6.6 24.2.6zm0 26.5c-6.2 0-11.2-5-11.2-11.2S18 4.6 24.2 4.6s11.2 5 11.2 11.2-5 11.3-11.2 11.3z" />
                    </svg>
                </label>
            </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>