#extra-nav {
		width: 1400px;
		max-width: 100%;
	}
	.nav-box nav ul {
		display: flex;
		justify-content: center;
		align-items: center;
		column-gap: 36px;
		background:#F2F4EE;	
	}
	.nav-box nav ul li a {
		padding-bottom: 8px;
		border-bottom: 1px solid var(--serengeti);	
	}
	.nav-box nav ul li.current a {
		font-family: 'source-sans-pro', sans-serif;
		font-weight: 700;
		padding-bottom: 8px;
		border-bottom: 1px solid var(--serengeti);	
	}
	.mobile-menu { display: none; background:#F2F4EE; padding: 0; }
	@media screen and (max-width:900px) {
		.nav-box nav ul.desktop-menu { display: none; }
		.nav-box nav .mobile-menu { display: block; }	
		.nav-box nav .mobile-menu-dropdown { position: absolute; top: 100%; width: 100vw; left: 50%; transform:translate(-50%,0); z-index: 5; }
		.nav-box nav .mobile-menu-dropdown ul { display: block; padding: 0;  }
		.nav-box nav .mobile-menu-dropdown ul li { width: 100%; }
		.nav-box nav .mobile-menu-dropdown ul li a { 
			padding: 16px 24px !important;
			color: var(--monarch);
			border-bottom: 1px solid rgba(95,85,65,.2) !important;
			display:block;
			width: 100%;		
		 }
		.mobile-title-flex { display: flex; align-items: center; padding: 16px 0; }
		.mobile-title-flex:hover { cursor: pointer; }
		.mobile-title { margin-right: auto;}
		.rotate-180 { transform: rotate(180deg); }
		.mobile-title-flex svg { transition: all .5s; }
		#extra-nav .fw-bg { background: #F2F4EE !important; }
	}