@charset "UTF-8";
/* CSS Document */
/*headline - font-family: "Gabarito", sans-serif;
paragraph - font-family: "Young Serif", serif;
*/

/*Northern Lights:
	grey: #2F3D40;
	midnight blue: #0B2B40;
	evergreen: #265C4B;
	green: #3B8C6E;
	mint green: #89D99D;
	black: #000000; 
	white: #FFFFFF;
*/
* {
box-sizing: border-box;
margin:0;
}
body {margin: 0 auto;
	  width: 100%;
	  padding: 0;
}

h1, h2, h3, h4, h5, h6{font-family: "Gabarito", sans-serif;
}

p {font-family: "Young Serif", serif;
   font-size: 1em;
}

/* Main Navigation*/
#mainNav {
	overflow: hidden;
	margin:0;
	display: block;
	position: fixed;
	background-color:#FFFFFF;
	width: 100%;
	font-family: 'Gabarito', sans-serif;
	height: 47px;
}
/* links inside navigation*/
#mainNav a{
	float: left;
	margin: 0;
	display: inline-block;
	color: #000000;
	text-align: center;
	padding: 14px 16px;
	text-decoration: none;
}

#mainNav a:hover {
	background-color: #000000;
	color: #89D99D;
}

#mainNav-right .active {
	background-color: #89D99D;
	color: #000000;
}

#mainNav-right {
	float: right
}
.row:after {
	content: "";
	display: table;
	clear: both;	
}

/*!Start of Home Page!*/

/*header section*/
.home_bg {
	background: #FFFFFF url("../images/forest_1000.jpg") no-repeat center center;
	background-size: cover;
	border-radius: 30px;
    height: 300px;
}
.home_bg h1 {
	text-align: center;
    font-size: 2.5em;
    line-height: 300px;
    color: #FFFFFF;
}

/*sub heading*/
#subheading {
	text-align: center;
	font-size: 2em;
    color: #265C4B;
}

/*flexbox container*/
.container {
	display: flex;
	margin-top: 1em;
	padding: 0;
	height: 500px;
	flex-direction: row;
	justify-content: center;
	align-items: baseline;
}

/*flexbox item*/
.project {
	margin: 2em;
	padding: 0em; 
	background-color: #89D99D;
	border-radius: 25px;
	width: 450px;
	box-shadow: 0px 2px 4px
}
.project_content {
	padding: 1em;
}
.project h3{
	font-size: 1.5em;
	text-align: left;
	color: #FFFFFF;
}

/*Home - flexbox column images*/
.garden {
	background: #89D99D url("../images/garden_1000_opt.jpg") no-repeat center;
	background-size: cover;
	border-top-left-radius: 25px; 
	border-top-right-radius: 25px;	
	height: 200px;
}
.park {
	background: #89D99D url("../images/park_1000_opt.jpg") no-repeat center;
	background-size: cover;
	border-top-left-radius: 25px; 
	border-top-right-radius: 25px;
	height: 200px;
}

.venue {
	background: #89D99D url("../images/outdoorvenue_1000_opt.jpg") no-repeat center;
	background-size: cover;
	border-top-left-radius: 25px; 
	border-top-right-radius: 25px;
	height: 200px;
}


/*environment subheading*/
#environment h2 {
	text-align: center;
	font-size: 2em;
    color: white;
}
#environment p {
	text-align: center;
	font-size: 1em;
	color: white;
}
#environment {
	background: #0B2B40; 
	border-radius: 25px;
	box-shadow: 0px 2px 4px;
	padding: 1em;
}

/*environment flexbox container 3 col*/
.environment_container {
    display: flex;
    margin: 0;
    padding: 30px;
    flex-direction: row;
    justify-content: center;
}
/*environment flexbox item*/
.environment_card {
    height: 200px;
    width: 200px;
    min-width: 200px;
    background-color: #3B8C6E;
    border-radius: 50px;
    text-align: center;
    margin-right: 30px;
    margin-left: 30px;
	padding: 1em;
}
.environment_card h3{
	text-align: center;
	padding: 1em;
	margin: 1em;
	color: #FFFFFF;
	text-decoration: none;		
}
.environment_container a{
	color: white;
	text-decoration: none;
}
/*footer section*/
#footer_text {font-family: "Gabarito", sans-serif;}

footer {
	background-color: #0B2B40;
	color: #FFFFFF;
	text-align: center;
	line-height: 60px;
}

/*Start of About Page*/

/* About header section*/
.about_bg {
	background: #89D99D url("../images/boat_1000_opt.jpg") no-repeat center center;
	background-size: cover;
	border-radius: 30px;
    height: 300px;
}
.about_bg h1 {
	text-align: center;
    font-size: 2.5em;
    line-height: 300px;
    color: #FFFFFF;
}
.about_container {
	display: flex;
	margin: 0;
	padding: 0;
	height: 300px;
	flex-direction: row;
	justify-content: space-around;
	align-items: center;
}

/*flexbox item*/
.about_box {
	margin: 1em;
	padding: 2em; 
	background-color: #89D99D;
	border-top-left-radius: 50px;
	border-bottom-right-radius: 50px;
	box-shadow: 0px 2px 4px
}
.about_box h3{
	font-size: 2em;
	text-align: left;
	color: #FFFFFF;
}
.about_box p{
	font-size: 1.5em;
	color: #265C4B;
}
.faq_box {
	margin: 1em;
	padding: 1em; 
	background-color: #3B8C6E;
	border-top-left-radius: 50px;
	border-bottom-right-radius: 50px;
	box-shadow: 0px 2px 4px
}

.faq_box h3{
	font-size: 1.5em;
	text-align: center;
	color: #FFFFFF;
}
.faq_box p{
	font-size: 1.2em;
}
#faq_p1 {
	color: #89D99D;
}
#faq_p2 {
	color: #FFFFFF;
}
/*team subheading*/
#team_subhead {
	text-align: center;
	font-size: 2em;
    color: #265C4B;
}
/*team flexbox container*/
.team_container {
	display: flex;
	margin: 0;
	padding: 0;
	height: 300px;
	flex-direction: row;
	justify-content: center;
	align-items: baseline;
}
/*team flexbox item*/
.team {
    height: 200px;
    width: 200px;
    min-width: 200px;
    background-color: #0B2B40;
    border-radius: 100px;
    margin: 30px 30px;
    background-size: cover;
    box-shadow: 0px 2px 4px
}
/*team flexbox img column*/
.jane {
	background: #0B2B40 url("../images/jane_1000_opt.jpg") no-repeat center;
	background-size: cover;
	border-radius: 100px;
	height: 200px;
	width: 200px
}
.josh {
	background: #0B2B40 url("../images/josh_1000_opt.jpg") no-repeat center;
	background-size: cover;
	border-radius: 100px;
	height: 200px;
	width: 200px
}
.john {
	background: #0B2B40 url("../images/john_1000_opt.jpg") no-repeat center;
	background-size: cover;
	border-radius: 100px;
	height:200px;
	width: 200px
}
.julia {
	background: #0B2B40 url("../images/julia_100_opt.jpg") no-repeat center;
	background-size: cover;
	border-radius: 100px;
	height: 200px;
	width: 200px
}
/*Start of Contact Page*/

/* Contact header section*/
.contact_bg {
	background: #89D99D url("../images/soil_1000_opt.jpg") no-repeat center center;
	background-size: cover;
	border-radius: 30px;
    height: 300px;
}
.contact_bg h1 {
	text-align: center;
    font-size: 2.5em;
    line-height: 300px;
    color: #FFFFFF;
}
/*Contact flexbox container*/
.contact_container {
	display: flex;
	margin: 1em;
	padding: 1em;
	height: 300px;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

/*flexbox item*/
.contact_box {
	margin: 1em;
	padding: 1.5em; 
	background-color: #3B8C6E;
	border-top-left-radius: 50px;
	border-bottom-right-radius: 50px;
	box-shadow: 0px 2px 4px;
}
.contact_box h3{
	font-size: 2em;
	text-align: left;
	color: #FFFFFF;
}
.contact_box p{
	font-size: 1.5em;
	text-align: left;
	color: #FFFFFF;
}
.contact_img {
	background-color: #3B8C6E;
	border-top-left-radius: 50px;
	border-bottom-right-radius: 50px;
	margin: 1em;
	
}
/*contact flexbox img*/
.sustainable_img {
	background: #3B8C6E url("../images/sustainable_1000_opt.jpg") no-repeat center;
	background-size: cover;
	border-top-left-radius: 50px;
	border-bottom-right-radius: 50px;
	height: 300px;
	width: 350px;
	box-shadow: 0px 2px 4px;
}

/*news flexbox container*/
.news_container {
	display: flex;
	margin: 0;
	padding: 0;
	height: 700px;
	flex-direction: row;
	justify-content: center;
	align-items: baseline;
}
/*news flexbox item*/
.news {
    height: 650px;
	width: 1200px;
    min-width: 200px;
    background-color: #89D99D;
    border-radius: 25px;
	padding: 2em;
	box-shadow: 0px 2px 4px;  
}
.news h3{
	font-size: 2em;
	text-align: left;
	color: #3B8C6E;
}
.news p{
	font-size: 1em;
	text-align: left;
	color: #FFFFFF;
}
/*news flexbox image*/
.construction {
	background: #000000 url("../images/construction_1000_opt.jpg")no-repeat center;
	background-size: cover;
	height: 500px;
	box-shadow: 0px 2px 4px;
}