/* Header no JS, only used for mobile viewport (no collaspe behaviour) */
header:not(.hwjs) {
    .navbar-toggle-btn {
        display: none;
    }
    @media (max-width: 768px) {
        .logo {
            display: flex;
            justify-content: center;
        }
        nav {
            margin-top: 1rem;
            margin-bottom: 1rem;
            padding-top: 1rem;
            padding-bottom: 1rem;

            ul {
                width: 100%;
                text-align: center;
            }
        }
        nav.main-nav-menu:not(.is-uncollapsed) {
            display: flex;
        }
    }
}

header.menulogoleft:not(.hwjs),
header.menulogoright:not(.hwjs) {
    .logo {
        @media (max-width: 768px) {
            grid-row: 1;
        }
    }
}

header.menulateral:not(.hwjs) {
    .main-nav-menu {
        padding: 0;
        margin: 0;
    }
}