/* =Nav
-------------------------------------------------------------- */
#nav-trigger {
display: none;
text-align: center; }
#nav-trigger span {
	display: inline-block;
	padding: 10px 30px;
	background-color: #00a46f;
	color: white;
	cursor: pointer;
	text-transform: uppercase;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	-webkit-box-shadow: 0px 0px 10px #000000;
	box-shadow: 0px 0px 10px #000000;
}
#nav-trigger span:after {
display: inline-block;
margin-left: 10px;
width: 20px;
height: 10px;
content: "";
border-left: solid 10px transparent;
border-top: solid 10px #fff;
border-right: solid 10px transparent; }
#nav-trigger span:hover {
background-color: #316b3e; }
#nav-trigger span.open:after {
border-left: solid 10px transparent;
border-top: none;
border-bottom: solid 10px #fff;
border-right: solid 10px transparent; }

nav {
margin-bottom: 30px; }

nav#nav-main {
	background-color: #00a46f;
	padding: 10px 0;
	z-index: 21000;
}
nav#nav-main ul {
list-style-type: none;
margin: 0;
padding: 0;
text-align: center;
z-index:21000; }
nav#nav-main li {
display: inline-block;
border-right: solid 1px #316b3e;
padding: 0 5px;
z-index:21000; }
nav#nav-main li:last-child {
border-right: none;
z-index:21000; }
nav#nav-main a {
display: block;
color: white;
padding: 10px 30px; }
nav#nav-main a:hover {
background-color: #316b3e;
color: #fff;
-webkit-transition-duration:800ms; }

nav#nav-mobile {
position: relative;
display: none;
z-index:21000; }
nav#nav-mobile ul {
	width: 80%;
	height:80%;
	border-color: #000;
	border-width: thin;
	border-style: solid;
	display: none;
	list-style-type: none;
	position: fixed;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	background-color: #00a46f;
	border-radius: 5px;
	-webkit-box-shadow: 0px 0px 5px #000000;
	box-shadow: 0px 0px 5px #000000;
	overflow-y: scroll;
}
nav#nav-mobile li {
display: block;
padding: 5px 0;
margin: 0 5px;
border-bottom: solid 1px #316b3e; }
nav#nav-mobile li:last-child {
border-bottom: none; }
nav#nav-mobile a {
display: block;
color: white;
padding: 10px 30px; }
nav#nav-mobile a:hover {
background-color: #316b3e;
color: #fff; }

/* =Sections
-------------------------------------------------------------- */
section h1 {
margin-bottom: 10px; }

section p {
margin-bottom: 30px; }
section p:last-child {
margin-bottom: 0; }

/* =Media Queries
-------------------------------------------------------------- */
@media all and (max-width: 900px) {
#nav-trigger {
display: block; }

nav#nav-main {
display: none; }

nav#nav-mobile {
display: block; } }

<!--submenu-->




<!--submenu-->