nav *{
	margin:0;
	list-style:none !important;
}
nav{
  z-index: 100;
  position:relative;
}

/*Small up*/
@media(min-width: 561px){
	nav > ul {
		z-index:3;
		display:flex;
		display:-webkit-flex;
		flex-wrap:wrap;
		-webkit-flex-wrap:wrap;
    justify-content:center;
    -webkit-justify-content:center;
	}
	nav > ul > li {
		position:relative;
	}
	nav > ul > li > a {
		white-space:nowrap;
		text-decoration:none;
		color: var(--nav-link-color);
		display: block;
		line-height:50px;
		text-align:center;
		padding:0 14px;
	}
	nav > ul > li:hover > a,
	nav > ul > li.hover > a{
		background-color: var(--secondary);
		color: var(--linen);
	}
	
	/*NAV-SUBNAV*/
	nav ul ul {
		background:#485E88;
		position: absolute;
		top: -999em;
		height: auto;
		opacity:0;
	}
	nav ul li:hover ul,
	nav ul li.hover ul{
		top:auto;
		opacity:1;
		transition: opacity 400ms;
	}
	nav ul ul li{
		padding:0;
	}
	nav ul ul a{
		color:#FFF !important;
		text-decoration:none;
		display:block;
		line-height:150%;
		padding:6px 14px;
		border-top: 1px solid rgba(255,255,255,.1);
		width:250px;
	}
	nav ul ul a:hover,
	nav ul ul a:focus{
		background-color:rgba(0,0,0,.2);
	}
	nav ul ul.twocol{
		column-count:2;
		column-gap:0;
	}
	nav ul ul.twocol li{
		display:inline-block;
	}
}

/*Small down*/
@media (max-width: 560px) {
	nav > ul{
    display:none;
		padding:0 !important;
	}
	nav.show ul{
		display:block;
	}
	nav > ul > li > a{
		color:var(--nav-link-color) !important;
		display:block;
		text-decoration:none;
		line-height:36px;
		border-bottom: 1px solid rgba(255,255,255,.1);
		padding:0 14px;
	}
	nav > ul > li > a:hover{
		background-color:rgba(0,0,0,.2);
		transition:background-color 400ms;
	}

	/*NAV-SUBNAV*/
	nav ul ul{
		padding:10px 14px;
		display:none;
		border-bottom: 1px solid rgba(255,255,255,.15);
	}
	nav ul ul a{
		line-height:160%;
		text-decoration:none;
		color:#FFF !important;
	}
	nav ul ul a:hover{
		text-decoration:underline;
	}

	/*Menu button*/
	#menu{
		cursor:pointer;
		color:var(--nav-link-color);
    padding: 10px 20px;
    font-size: 1.125rem;
    width:100%;
    text-align:center;
    background:none;
	}
}