@charset "utf-8";


/* Mobile Navigation */


#menu	{
		position:fixed;
		width:105%;
		top:-200%;
		left:0;
		float:none;
		padding:0;
		margin-left:-40px;
		background-color:#d2e663;
		z-index:10;
		-webkit-border-radius:0;
		-moz-border-radius:0;
		border-radius:0;
		-webkit-transition:all 1s ease-in-out;
		-moz-transition:all 1s ease-in-out;
		-o-transition:all 1s ease-in-out;
		transition:all 1s ease-in-out;
		}

.menu	{
	position:fixed;
	width:105%;
	top:-200%;
	left:0;
	float:none;
	padding:0;
	margin-left:-40px;
	background-color:#d2e663;
	z-index:10;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	-webkit-transition:all 1s ease-in-out;
	-moz-transition:all 1s ease-in-out;
	-o-transition:all 1s ease-in-out;
	transition:all 1s ease-in-out;
	}

nav ul li	{
		float:none;
		text-align:center;
		border-bottom:1px solid #523200;
		list-style:none;
		font-family:Arial;
		background-color:#d2e663;
		display:block;
		font-size:70px;
		font-style:italic;
		width:100%;
		padding-top:35px;
		padding-bottom:35px;
		}

nav ul li:last-child	{
			border-bottom:none;
			}

nav a	{
	display:block;
	color:#523200;
	text-decoration:none;
	background-color:#d2e663;
	}

nav a:link	{
		display:block;
		color:#523200;
		text-decoration:none;
		}

nav a:visited	{
		display:block;
		color:#523200;
		text-decoration:none;
		}

nav a:hover	{
		background-color: #523200;
		color:#FFFFFF;
		}

nav a.active	{
		background-color:#523200;
		color:#FFFFFF;
		}

nav ul li.close	{
		display:block;
		}

#open	{
	position:fixed;
	top:0;
	left:0;
	background:#d2e663;
	font-family:Arial;
	font-style:italic;
	font-size:70px;
	display:block;
	width:100%;
	padding-top:35px;
	padding-bottom:35px;
	border-bottom:1px groove #523200;
	}

#open a	{
	padding: 10px 20px;
	display:block;
	color:#523200;
	text-align:center;
	text-decoration:none;
	font-family:Arial;
	font-style:italic;
	background-color:#d2e663;
	}

#menu:target	{
		top:0;
		width:100%
		background-color:#d2e663;
		}

.open	{
	position:fixed;
	top:0;
	left:0;
	background:#d2e663;
	font-family:Arial;
	font-style:italic;
	font-size:70px;
	display:block;
	width:100%;
	padding-top:35px;
	padding-bottom:35px;
	border-bottom:1px groove #523200;
	}