@charset "utf-8";
/* CSS Document */
/*
	headline: font-family: "Exo", sans-serif;
	paragraph: font-family: "Bitter", serif;
*/
/*my custom colors
	dark green: #498D30
	blue green: #4dd6b8 Used for links
    dark blue green: #146352 Used for big heading
	light green: #B4D57B
	yellow green: #F3FFB6
	tan: #FFEBCC
    light brown: #DFC787
	dark brown: #A27B12
*/

* {
	box-sizing:border-box;
	margin:0;
}

html, body {
            min-height: 100vh;
            display: flex;
            flex-direction: column;
}
body {
	margin: 0 auto;
	width: 100%;
	background-color: #F3FFB6;
}
h1, h2, h3, h4, h5, h6 {
	font-family: "Exo", sans-serif;
}
p {font-family: "Bitter", serif;
	font-size: 1.2em;
}
img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*links*/
a:link {
	color: #498D30;
	text-decoration: none;	
}

a:visited {
	color: #498D30;
	text-decoration: none;
}
a:hover {
	color: #4dd6b8;
	text-decoration: none;
}
a:visited {
	color: #498D30;
	text-decoration: none;
}

/*navigation*/
#main_nav {
	overflow: hidden;
	margin: 0;
	display: block;
	position: fixed;
	background-color: #B4D57B;
	font-family: "Exo", sans-serif;
	width: 100%;
	height: 47px;
}
#main_nav a{
	float: left;
	margin: 0;
	display: inline-block;
	color: #498D30;
	text-align: center;
	padding: 14px 16px;
	text-decoration: none;
	font-weight: 700;
}
#main_nav img {
	padding: 0px 18px;
}
#main_nav a:hover {
	background-color: #498D30;
	color: #F3FFB6;
	font-weight: 1000;
}
#main_nav_right .active {
	background-color: #F3FFB6;
	color: #498D30;
}
#main_nav_right {
	float: right;
}
.row:after {
	content:"";
	display: table;
	clear: both;
}

/*header*/
.page_title {
	background: #498D30 url("../images/forest2_2400x900_optimized.jpg") no-repeat center center;
	background-size: cover;
	height: 400px;
	text-align: center;
	font-size: 4em;
	line-height: 400px;
	color: #146352;
	text-shadow: 6px 6px 6px rgba(236,247,181,0.8);
}
.page_title_ep {
	background: #498D30 url("../images/birdintree_2400_optimized.jpg") no-repeat center center;
	background-size: cover;
	height: 400px;
	text-align: center;
	font-size: 4em;
	line-height: 400px;
	color: #146352;
	text-shadow: 6px 6px 6px rgba(236,247,181,0.8);
}
.page_title_about {
	background: #498D30 url("../images/plantpots_2400_optimized.jpg") no-repeat center center;
	background-size: cover;
	height: 400px;
	text-align: center;
	font-size: 4em;
	line-height: 400px;
	color: #146352;
	text-shadow: 6px 6px 6px rgba(236,247,181,0.8);
}
.page_title_contact {
	background: #498D30 url("../images/plantpots_2400_optimized.jpg") no-repeat center center;
	background-size: cover;
	height: 400px;
	text-align: center;
	font-size: 4em;
	line-height: 400px;
	color: #146352;
	text-shadow: 6px 6px 6px rgba(236,247,181,0.8);
}

/*images*/
.plants {
	background: #498D30 url("../images/moss_2400_optimized.jpg") no-repeat center center;
	background-size: cover;
	height: 300px;
}
.forums {
	background: #498D30 url("../images/teamwork_2400_optimized.jpg") no-repeat center center;
	background-size: cover;
	height: 300px;
}
.contact {
	background: #498D30 url("../images/flower_2400_optimized.jpg") no-repeat center center;
	background-size: cover;
	height: 400px;
}
.bryophytes {
	background: #498D30 url("../images/moss2_2400_optimized.jpg") no-repeat center center;
	background-size: cover;
	height: 400px;
}
.pteridophytes {
	background: #498D30 url("../images/ferns_2400_optimized.jpg") no-repeat center center;
	background-size: cover;
	height: 400px;
}
.gymnosperms {
	background: #498D30 url("../images/pinetree_2400_optimized.jpg") no-repeat center center;
	background-size: cover;
	height: 400px;
}
.angiosperms {
	background: #498D30 url("../images/sunflower_2400_optimized.jpg") no-repeat center center;
	background-size: cover;
	height: 400px;
}
.who_are_we {
	background: #498D30 url("../images/greenhouseworker_2400_optimized.jpg") no-repeat center center;
	background-size: cover;
	height: 400px;
}
.our_goals {
	background: #498D30 url("../images/gloves_2400_optimized.jpg") no-repeat center center;
	background-size: cover;
	height: 400px;
}
.what_can_you_do {
	background: #498D30 url("../images/plantingseeds_2400_optimized.jpg") no-repeat center center;
	background-size: cover;
	height: 400px;
}

/*font awesome*/
i {
	font-size: 2em;
}
#contact_fa {
	text-align: center;
	font-size: 2.5em;
}

/*content*/
.container {
  display: flex;
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: baseline;
}
.container_bottom {
	padding-bottom: 4em;
}
.element {
  flex-basis: 45%;
  padding-left: 0.5em;
  margin: 1em;
  color: #498D30;
}
.element h2{
	font-size: 1.9em;
	text-align:center;
	font-weight: 900;
	color: #498D30;
}
.left_right_h2 {
	padding-bottom: 0.4em;
}

/*footer*/
.container_footer {
	width: 100%;
	flex: 0;
	background-color: #DFC787;
	color:  #A27B12;
	text-align: center;
	align-self: flex-end;
	line-height: 40px;
}