.nav__ul {
    display: flex;
    align-items: center;
    column-gap: 2rem;
}

.nav__item-link {
    display: flex;
    align-items: center;
    column-gap: 1rem;

    font-size: calc(14px + (16 - 14) * (100vw - 320px) / (1920 - 320));

    transition: opacity .5s ease-in-out;
}

.nav__item-link:hover {
    opacity: .75;
}

.nav__item-icon {
    fill: #fff;
}

/* menu-content */

.menu-content .nav {
    margin-bottom: 32px;
}

.menu-content .nav__ul {
    flex-direction: column;
    row-gap: 1rem;
}

.menu-content .nav__item {
    width: 100%;
}

.menu-content .nav__item-link {
    justify-content: center;

    color: #fff;
}