body, html{
	font-family: 'Open Sans', sans-serif;
}

h1, h2, h3, h4, h5, h6{
	font-weight: 900;
	letter-spacing: -0.07em;
	margin-top: 0em;
}

h1{ font-size: 3em; }
h2{ font-size: 2em; }
h3{ font-size: 1.5em; }
h4{ font-size: 1.3em; }
h5{ font-size: 1.1em; font-weight: 400; letter-spacing: normal; }

img{
	max-width: 100%;
}

td{
	vertical-align: top;
	font-size: 0.8em;
	padding: 0px;
	padding-bottom: 3px;
}

#posts-table tr td:first-child{
	font-weight: 700;
}

strong{
	font-weight: 700;
}

a{
	color: #689f38;
}

.header{
	margin-top: 1em;
	margin-bottom: 0em;
}

.top-nav{
	text-align: right;
	margin-top: 1em;
}

.top-nav a{
	font-size: 0.8em;
}

.main-nav .col{
	border-radius: 0.5em;
	box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);
	padding: 0em;
	margin: 0em;
}

.main-nav ul{
	padding: 0em;
	margin: 0em;
}

.main-nav li:first-child a{
	border-top-left-radius: 0.5em;
	border-bottom-left-radius: 0.5em;
}

.main-nav li{
	display: inline-block;
	padding: 0em;
}

.main-nav a{
	display: inline-block;
	padding: 0.7em;
	transition: 0.25s all;
	background-color: transparent;
	color: #fff;
	font-weight: 700;
	font-size: 1.6em;
	text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
	text-align: center;
}

.main-nav a span{
	display: block;
	font-size: 0.6em;
	font-weight: 400;
	color: #004d40;
	text-shadow: none;
}

.main-nav li:hover a{
	background-color: #37474f;
	color: #fff;
}

.main-nav li:hover a span{
	color: #558b2f;
}

/* Dropdown Menu */
.main-nav li li:first-child a{
	border-top-left-radius: 0em;
	border-bottom-left-radius: 0em;
}

.main-nav li ul a{
	border-radius: none;
	text-shadow: none;
	display: block;
}

.main-nav li ul a:hover{
	border-radius: none;
	text-shadow: none;
	background-color: #455a64;
}

.main-nav ul ul{
	background-color: #37474f;
	display: none;
	z-index: 100;
	box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.2);
}

.main-nav ul ul li{
	display: block;
}

.main-nav li li a{
	text-shadow: none;
	font-size: 0.9em;
	font-weight: normal;
}

.main-nav li:hover ul{
	display: block;
	position: absolute;
}

.span4{
	float: left;
	width: 30%;
	margin-right: 2em;
	text-align: justify;
}
.row{
	height: auto;
}

.readmore .btn{
	background-color: #689f38;
}

.content{
	border-bottom: 1px solid #689f38;
}

.content i.left{
	margin-right: 0em;
}

.content i.material-icons{
	color: #689f38;
}

.foot .col h3{
	font-weight: 900;
}

.slides h3, .slides h5{
	display: inline-block;
	padding: 1em;
	margin: 0px;
	background-color: rgba(0, 0, 0, 0.7);
	letter-spacing: normal;
}


@media screen and (max-width: 1500px){
	td{
		font-size: 0.6em;
	}
	
	.community h3{
		font-size: 1.3em;
	}
}

@media screen and (max-width: 1270px){
	.main-nav a{
		font-size: 1.4em;
	}
}

@media screen and (max-width: 1070px){
	.main-nav a{
		font-size: 1.2em;
	}
	
	
}

@media screen and (max-width: 1000px){
	.community h3{
		font-size: 1.1em;
	}
}

@media screen and (max-width: 920px){
	.content .material-icons{
		display: none;
	}
	
	.content .span4{
		display: block;
		width: 100%;
		margin: 0em;
	}
}

@media screen and (max-width: 730px){
	.main-nav a{
		font-size: 1.0em;
	}
	
	.main-nav a span{
		display: none;
	}
}