@media (max-width: 767px) {
    .site-header .site-header__main {
        justify-items: center;
        text-align: center;
    }

    .site-header .site-logo {
        justify-self: center;
        margin-left: auto;
        margin-right: auto;
    }

    .site-header .site-logo__mark {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        padding-left: 0.45rem;
    }

    .site-header .site-search {
        display: none;
    }

    .site-header .site-utility-nav {
        display: none;
    }
}