header a span:not(.logo-a){
    font-family: var(--font-secondary);
    font-weight: 500;
    font-size: 0.95em;
    /* letter-spacing:0px; */
}

header a i{
    font-size:0.7em;
    color: #555;
}

header a:not(.logo-a):hover{
    color: var(--color-primary);
}

.nav-item span{
    font-family: var(--font-primary);
    font-weight: 500;
    font-size: 0.7rem;
}

.nav-item i{
    color: var(--color-secondary);
}

@media (max-width: 480px) {
    .nav-item i{
        font-size: 0.9rem !important;
    }
    .nav-item span{
        font-size: 0.6rem !important;
        text-align: center;
        white-space: nowrap;
    }
}

@media (max-width: 300px) {
    .nav-item i{
        font-size: 0.5rem !important;
    }
    .nav-item span{
        font-size: 0.3rem !important;
        text-align: center;
        white-space: nowrap;
    }
}