header .logo-desktop,
header .logo-mobile-menu {
    width: 160px;
    margin: 1rem 0
}

header .container {
    max-width: 1042px;
}

header .logo-desktop {
    width: 204px;
    margin: 22px 0;
}

header .navbar-nav {
    gap: 5px;
}

header .navbar-nav .nav-link {
    color: #FAFAFA;
    font-family: Inter;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;

    display: flex;
    padding: 5px 12px;
    justify-content: center;
    align-items: center;


    border-radius: 3px;
    border: 1px solid transparent;
    background: transparent;
    transition: .3s ease;
}

header .navbar-nav .nav-link.active,
header .navbar-nav .nav-link:hover {

    border-color: var(--primary-color-light);
    background: var(--primary-color-light);
    color: #FAFAFA;
}


@media screen and (min-width: 1920px) {
    header .container {
        max-width: 1482px;
    }

    header .logo-desktop {
        width: 290px;
        margin: 34px 0;
    }

    header .navbar-nav .nav-link {
        font-size: 17px;
        font-weight: 300;
    }
}