/* Shared desktop nav fitting.

   Loaded by every page after its own stylesheet. Each page keeps its local
   colors and hover treatment; this file only gives the wider navigation label
   enough room without changing the mobile hamburger behavior. */

header nav a {
    letter-spacing: 0;
    white-space: nowrap;
}

@media (min-width: 1201px) and (max-width: 1400px) {
    header nav {
        gap: 24px;
    }

    header nav a {
        font-size: 13.5px;
    }
}

@media (min-width: 901px) and (max-width: 1200px) {
    header {
        padding: 0 24px;
    }

    header nav {
        gap: 18px;
    }

    header nav a {
        font-size: 13px;
    }

    header .logo-link {
        left: 24px;
    }

    header .btn-investors {
        right: 24px;
        padding: 9px 16px;
    }
}

@media (min-width: 901px) and (max-width: 1000px) {
    header nav {
        gap: 13px;
    }

    header nav a {
        font-size: 12.5px;
        letter-spacing: 0;
    }

    header .logo-img {
        height: 44px;
    }

    header .btn-investors {
        padding: 8px 14px;
        font-size: 13px;
    }
}