#menu .principal-menu > li a {padding: 8px 26px; font-size: 13px; text-transform: uppercase; color: var(--header-menu-color); font-weight: 500;}
#menu .principal-menu > li a:hover {color: var(--color-primary)}
@media (max-width: 1400px) {
	#menu .principal-menu > li a {padding: 8px 14px;}
}
@media (max-width: 991px) {
	#menu .principal-menu > li a {color: #000; padding: 4px 0;}
}