/* Nav Menu */
div.nav-menu {
	background-color: #72BF44;
	padding:0;
	position:fixed;
	top:0;
	margin:0 auto;
	width:100%;
	z-index:1;
}

div.nav-menu img {
	display:inline !important;
}

div.nav-menu ul li {
	list-style:none;
	font-family: 'Dosis', serif;
}

div.nav-menu ul {
	margin:0;
	padding:0;
	text-align:center;
}

div.nav-menu li {
	display:inline-block;
	margin:0 20px;
}

div.nav-menu ul li a:link,
div.nav-menu ul li a:visited {
	display:block;
	font-size:20px !important;
	font-weight:400;
	letter-spacing:0;
	padding:11px 0;
	color:#FFFFFF;
	text-decoration:none;
}

div.nav-menu ul li a:hover {
	color:#000000;
}

.nav-menu .active {
	color:#8ED8F8 !important;
}

.menu-trigger {
	display:none;
}

/* Mobile CSS */
@media screen and (max-width: 640px) {
	
	.menu-trigger {
		width:100%;
		position:fixed; top:0;
		z-index:1;
		display:block;
		color:#FFFFFF;
		background:#72BF44;
		padding:17px 0;
		text-align:right;
		font-size:16px;
		font-weight:700;
		cursor:pointer;
	}

	.menu-trigger img {
		display:inline;
		width:18px;
		margin-right:0.4em;
	}
	
	div.nav-menu {
		display:none;
	}

	/* Aligns the nav links to the left in mobile view */
	div.nav-menu ul {
		text-align:left;
	}

	/* */
	
	div.nav-expanded {
		display:block;
		margin-top:50px; /* This ensures that when the menu drops down, it doesn't overlap the menu-trigger button */
	}
	
	div.nav-menu ul li {
		float:none;
		border-top:1px solid #FFFFFF;
		width:96%;
		margin:0;
		padding:0 0 0 4%;
	}
	
	div.nav-menu ul li:last-child {
		border-bottom: none;
	}
	
}


.clearfix:before, .clearfix:after { content: ""; display:table; }
.clearfix:after { clear:both; }
.clearfix { *zoom: 1; }