@charset "utf-8";

body {
	margin:0px;
	padding:0px;
	font-family:'Droid Serif', 'serif';
}
a {
	text-decoration:none;
	color:inherit;
}
main {
	position:relative;
	width:100%;
}
.brown {
	color:#815231;
}
.dark {
	color:#333;
	font-weight:bold;
}
/* Background -------------------------------------------*/

.m-bg {
	position:absolute;
	top:0%;
	width:100%;
	min-height:100%;
	overflow:hidden;
	z-index:0;
}
.m-bar-green {
	position:relative;
	top:12em;
	width:100%;
	z-index:1;
	height:15em;
	background-color:rgba(188, 183, 115, 0.3);
}
.m-picture-bg {
	position:absolute;
	width:50%;
	height:100%;
	top:0%;
	right:0%;
	z-index:0;
}

/* Main Content -----------------------------------------*/

.m-content {
	position:relative;
	width:85%;
	top:0%;
	min-height:57vh;
	z-index:1;
	margin:2.5em auto;
	padding:3% 5%;
	background-color:white;
	box-shadow:0px 0px 20px 2px rgba(100,100,100,0.1);
}
p {
	color:#888;
	font-size:0.9em;
}
h2 {
	font-size: 1.1em;
	color: #815231;
}

/* Page Introduction -----------------------------------*/

.m-intro h1 {
	width:85%;
	color:#815231;
	font-size:1.2em;
	margin:0px 0px 1.5em 0px;
	padding:0px 1em 0.5em 0px;
	border-bottom:4px solid #815231;
}
.m-intro p {
	margin-left:2em;
}
.m-intro p:first-of-type {
	margin-top:0px;
}
.m-intro h2 {
	margin:3em 0px 0px 0px;
}
@media only screen and (min-width:360px) {
	.m-intro h1 {
		width:75%;
		padding:0px 3em 0.5em 0px;
	}
}
@media only screen and (min-width:1000px) {
	.m-intro h1 {
		width:32%;
	}
}