/*	Menu
	================================================ */
	ul#menu,ul#menu>li>ul {
		list-style: none;
		margin: 0;
		padding: 0;

		display: flex;
	}
	ul#menu>li {
		flex: 1 0 24%;
	}
	ul#menu li+li {
		border-left: thin solid #fff;
	}
	ul#menu li>a,
	ul#menu>li>span {
		background-color: var(--greenish);
		display: block;
		color: white;
		text-decoration: none;
		text-align: center;
		padding: .5em 1em;
	}
	ul#menu li>a:hover {
		color: rgb(240,240,24);
	}

/*	Sub Menu
	================================================ */
	ul#menu>li {
		position: relative;
	}
	ul#menu>li>span+ul {
		display: flex;
		flex-direction: column;
		position: absolute;
		width: 100%;
		max-height: 0;
		opacity: 0;
		overflow: hidden;
		transition: max-height .125s, opacity .5s;
	}
	ul#menu>li>span.open+ul {
		max-height: 10em;
		opacity: 1;
	}
	ul#menu>li>span.open+ul>li>a {

	}

@media (min-width: 600px) {
	body{

	}
	ul#menu>li {
		flex: 1 0 14%;
	}
	ul#menu>li:last-of-type {
		flex: 4 0 50%;
	}
	ul#menu>li>span {
		display: none;
	}
	ul#menu>li>span+ul {
		max-height: none;
		opacity: 1;
		flex-direction: row;
		transition: max-height .125s, opacity .5s;
	}
	ul#menu>li>ul>li {
		flex: 1;
	}
}