@font-face {

font-family: 'montserrat-extralight';

	src: url('montserrat-extralight.eot');

	src: local('montserrat-extralight'),

		 url('montserrat-extralight.eot?#iefix') format('embedded-opentype'),

	     url('montserrat-extralight.woff') format('woff'),

	     url('montserrat-extralight.ttf') format('truetype'),

	     url('montserrat-extralight.svg#OpenSansRegular') format('svg');

	font-weight: normal;

	font-style: normal;

}

* {

	padding: 0px;

	margin: 0px;

}

html {

	width: 100%;

	height: 100%;

}

body {

	width: 100%;

	height: 100%;

	font-family: 'montserrat-extralight', Arial, sans-serif;

	font-size: 1.2em;

	background: #f3f7ed;

	color: #88B04B;

	overflow: auto;

}

a {

	outline: none;

	text-decoration: none;

	color: #6d9430;

}

a:hover {

	color: #4e750d;

}

#wrapper {

	position: relative;

	width: 100%;

	height: 100%;

}

#menu {

	position: absolute;

	top: 0px;

	left: 0px;

	width: 100%;

	height: 118px;

	text-align: center;

	z-index: 100;

}

#menu .logo {

	position: absolute;

	top: 48px;

	left: 48px;

}

#hero {

	position: relative;

	width: 100%;

	height: 100%;

	border-bottom: #88B04B 1px solid;

	background: 88B04B;

	color: #ffffff;

}

#hero .fill {

	position: absolute;

	display: block;

	width: auto;

	height: auto;

	max-width: none;

	max-height: none;

}

#hero .text1 {

	position: absolute;

	top: 60%;

	width: 100%;

	font-size: 1.8em;

	text-align: center;

}

#hero .more {

	position: absolute;

	bottom: 2%;

	width: 100%;

	text-align: center;

}

#hero .scroll {

	display: inline-block;

	width: 64px;

	height: 64px;

	background-image: url('hero-arrow.png');

	background-repeat: no-repeat;

	background-position: 0px 0px;

}

#hero .scroll:hover {

	background-position: 0px -64px;

}

#content {

	color: #040404;

	padding-bottom:48px;

}

#content .section {

	position: relative;

	width: 100%;

	padding-bottom: 2%;

}

#content h2 {

	font-size: 1.8em;

	font-weight: normal;

	padding-bottom: 1.2em;

	color: #6d9430;

}

#content p {

	padding-bottom: 1em;

}

#content ul {

	list-style-type: square;

	list-style-position: outside;

	padding-left: 1.2em;

}

#content ul li {

	padding-bottom: 18px;

}

#content .wrapper {

	position: relative;

	padding: 48px 14% 0px 14%;

	overflow: hidden;

}

#content .left {

	float: left;

	width: 46%;

}

#content .left .copy {

	padding-right: 4%;

}

#content .right {

	float: left;

	width: 40%;

	padding-left: 4%;

}

#content .border {

	border-right: #e7efdb 1px solid;

}

#content .spacer {

	margin-top: 48px;

	border-top: #cfdfb7 1px solid;

}

#content .contact-label {

	display: inline-block;

	width: 70px;

}

#footer {

	font-size:0.8em;

	color:#f3f7ed;

	background: #6d9430;

}

#footer .wrapper {

	padding: 0px 14% 0px 14%;

	line-height: 2em;

}

#footer a {

	color:#f3f7ed;

}