header { background-color: var(--color-primary); }

/*Logo*/
header .img-fluid { position: relative; z-index: 3; margin-top: .7rem; margin-bottom: .7rem; }
 

/* menu desktop */
header .header-nav .menu-desktop { padding: 0; margin: 0; }
header .header-nav .menu-desktop li { display: inline; position: relative; }
header .header-nav .menu-desktop li a { 
    font-family: 'Maven Pro', sans-serif;
    color: var(--color-tertiary); 
    font-size: 1rem; 
    text-transform: uppercase;
    padding: 0 9px 4px 9px; 
}

header .header-nav .menu-desktop li a span { font-family: 'Maven Pro', sans-serif; border-bottom: 5px solid var(--color-primary); display: inline-block; padding-bottom: 3px; }
header .header-nav .menu-desktop li a:hover span { border-bottom: 5px solid var(--color-secondary); }



/* menu mobile */
header .header-nav .menu-mobile { color: var(--color-secondary); text-align: center; }
header .header-nav .menu-mobile i { font-size: 1.8rem; }
header .header-nav .menu-mobile span {
    font-size: .8rem;
    display: block;
    text-align: right;
    margin-top: -5px !important;
    letter-spacing: 2px;
    color: var(--color-secondary);
}


@media (max-width: 1199px) {
    header .header-nav .menu-desktop li a, header .header-nav .menu-desktop li a span {font-size: .9rem;   }
}

@media (max-width: 1065px) {
    header .header-nav .social { display: none; }
    header .header-nav .menu-desktop { display: none !important; }
    header .header-nav .menu-mobile { display: block !important; }
}