{% wagtailuserbar %}

        <div id="top-bar" style="display: flex; align-items: center">

            <div class="logo"><a href="/">{{ settings.pages.SiteBranding.short_title }}</a></div>

            <div class="align-right auto cell dn-m" style="text-align: right;">

            <div class="dn-m" style="text-align: right; flex-grow: 1; padding-right: 1rem">

                <button type="button" data-toggle="top-menu"><i class="fa fa-bars fa-2x"></i></button>

            </div>

            {% block menu %}