body {
		margin: auto;
		width: 80%;
		font-family: 'Work Sans', sans-serif;
		font-weight: 200;
		color: #3B3B3B;
		font-size: 14pt;
}

h1 {
		text-transform: uppercase;
		font-weight: 800;
		font-size: 20pt;
		display: inline;
}

h1,h2,h3 {	color: black;


}

h2 {
		text-transform: uppercase;
		color: #9BE2A2;
		font-weight: 700;
		font-size: 18pt;
}

h3 {
		color: #75AC7A;
		text-transform: uppercase;
		font-weight: 600;
		font-size: 15pt;
}

img {
		width: 100%;
		padding-top: 5pt;
}



#back-to-top {
		
		position: fixed;
		right:10px;
		bottom:10px;
		font-size: 40pt;
		opacity: .4;
}





a:link {

		text-decoration: none;
		color: #75AC7A;
		text-transform: uppercase;
		font-weight: 600;
		font-size: 13pt;


}

a:visited {

		color: #75AC7A;
		font-weight: 600;


}

a:hover {

		color: #9BE2A2;
		font-weight: 600;
}




a.sub:link {

		font-size: 12pt;
		font-weight: 500;
		color: #75AC7A;
		opacity: .7;
}

a.sub:hover{

		font-size: 12pt;
		font-weight: 500;
		color: #9BE2A2;
}


blockquote {

		margin-left: 8px;
		margin-right: 9px;
		font-style: italic;
		font-size: 12pt;
		color: #75AC7A;
		font-weight: 500;
		float: right; }



.menu {

		display: none;


}

.active.menu {

		display:block;
}

ul {

		list-style: none;
}

#hamburger{

		display: inline;
		font-size: 18pt;
		color:#9BE2A2;
		padding-left: 5pt;

}

a #hamburger:hover {

				color: #75AC7A;
;

}

@media (min-width: 800px) {
	blockquote {
		display: block;
		float: right;
		width: 30%;
	}
	.content p {
		display: block;
		width: 70%;
	}

	h2 {
		position: relative;
		left: -40px;
	}
}


@media (max-width: 800px) {
	#back-to-top {
		width: 100%;
		border-radius: 0px;
	}
}