@media (max-width: 1023px) {
	nav>ul {
		position:absolute;
		width:300px;
		top:0;
		right:-300px;
		background:rgba(0, 0, 0, 0.5);
		padding:10px;
		box-sizing:border-box;
		z-index:201;
	}
		nav ul li {
			padding:5px 0;
			list-style-type:none;
		}
		nav ul li a {
			color:#fff;
		}
			nav ul li a:hover {
				color:#ACBF04;
				text-decoration:none;
			}
	#menu_opener {
		cursor:pointer;
		font-size:40px;
		top:10px;
		right:10px;
		z-index:200;
		position:absolute;
	}
	#menu_closer {
		text-align:right;
	}
}
@media (min-height: 600px) and (max-width: 1023px) {
	nav>ul {
		position:fixed;
		bottom:0;
	}
}

@media (min-width: 1024px) {

	#menu_opener,
	#menu_closer {
		display:none;
	}
	nav ul {
		padding-left:0;
	}
	nav ul li {
		display:inline-block;
		font-family:garamond;
		font-size:23px;
		border-left:2px solid #58a55e;
		padding-bottom:0;
	}

		nav ul li:first-child {
			border-left:0;
			padding-left:0;
		}

		nav ul li a {
			color:#333;
			display:inline-block;
			padding:1px 8px 1px 12px;
		}


	nav ul ul {
		display:none;
		background:#EAE7DE;
		position:absolute;
	}

	nav ul li:hover ul {
		display:block;
	}

		nav ul ul li {
			display:block;
			border-left:0;
		}

			nav ul ul li a {
				padding:1px 12px 6px 12px;
			}

}