.header {
    display: flex;
    flex-direction: column;
    gap: 20px;

    &_navigator {
        max-width: unset;
    }

    // tablet portrait
    @media screen and (min-width: 510px) {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;

        &_navigator {
            max-width: 300px;
        }
    }
}