.content__logo {
    grid-area: logo;
    grid-column-start: 1;
    grid-column-end: 3;

    @media (max-width: 800px) {
        grid-column: auto;
    }

    position: relative;
    z-index: 3;
    font-size: 32px;
    background-color: var(--menu-background-color);

    @media (max-width: 800px) {
        border-bottom: 1px solid #F0F0F0;
        padding: 0 25px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
}

@media (min-width: 801px) {
    .content__logo_collapsed {
        grid-column: 1 / 2;
    }

    .content__logo_collapsed img {
        object-fit: cover;
        object-position: right;
        width: 100%;
        height: 49px;
        right: 6px;
        position: relative;
    }

    .content__logo_collapsed + .content__header {
        grid-column-start: 2;
    }
}

.content__logo h1 {
    height: 100%;
}

.content__logo a {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}