/* Keep the centered mobile logo inside its link and clear of header controls. */
@media (max-width: 1024px) {
    .header > .logo {
        width: calc(100% - 184px);
        max-width: 186px;
        right: auto;
    }

    .header > .logo > a {
        width: 100%;
        max-width: none;
    }

    .header > .logo > a > img {
        width: 100%;
        max-width: 100%;
        height: auto;
        max-height: 30px;
        margin: 0;
        object-fit: contain;
    }
}