nav > ul {
    list-style-type: none;
}

body > nav li {
	background-color: #d2cc8e;
	text-align: center;
}

body > nav ul li a {
	color: #5b5517;
}

body > nav ul li.current {
	background-color: #003611;
}

body > nav ul li.current a {
	font-weight: bold;
	color: #eae7b9;
}

@media(min-width:580px) {
	body > nav > ul {
		display: flex;
		column-gap: 2px;
		justify-content:center;
		flex-wrap:wrap;
	} 

	body > nav ul li {
		display: inline-block;
		padding: 12px 24px;
	} 

	body > nav li:first-child, body > nav li:last-child {
		padding: 0;
		flex-grow: 1;
	}

}

@media (min-width:1280px){
	body > nav li {
		font-size: calc(11px + 0.390625vw);
	}
}

@media (max-width:580px){

	body > nav ul {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		grid-template-rows: 1fr 1fr;
		gap: 1px;
	} body > nav li {
		padding: 10px 0;
	}

	body > nav li:first-child, body > nav li:last-child {
		display: none;
	}
	
}