@charset "utf-8";

body {
	margin:0px;
	padding:0px;
	font-family:'Droid Serif', 'serif';
}
a {
	text-decoration:none;
	color:inherit;
}

/*Main Section ------------------------------*/

.m-col-1 {
	width:100%;
}
.m-col-2 {
	width:50%;
}
.m-col-3 {
	width:90%;
}
main {
	display:block;
	position:relative;
	z-index:0;
	width:100%;
	padding:0px 0px 3em 0px;
	background-color:white;
}
section {
	width:100%;
	margin:0px;
	padding:3em 0px;
}
section:nth-child(even){
	background-color:rgba(188, 183, 115, 0.3);
}
.m-content-wrap {
	position:relative;
	z-index:1;
}
.m-content {
	padding:0px 5% 0px 5%;
}
.m-content h1 {
	cursor:pointer;
	width:100%;
	color:#815231;
	font-size:1.2em;
	margin:0px 0px 1em 0px;
	padding:0px 0px 0.2em 0px;
	border-bottom:4px solid #815231;
	transition:width 0.3s, color 0.3s;
}
.m-content:hover h1 {
	width:80%;
}
.m-content h1:hover {
	color:#AB917F;
}
.m-content p {
	font-size:0.9em;
	margin:0px 0px 0px 2em;
	padding:0px;
}
.m-bg {
	position:absolute;
	overflow:hidden;
	width:50%;
	height:100%;
	top:0%;
	right:0%;
	z-index:0;
}

@media only screen and (min-width:800px) {
	main {
		padding:3em 0px 3em 0px;
	}
	.m-col-3 {
		width:50%;
	}
	.m-content {
		padding:0px 0px 0px 8%;
	}
}

@media only screen and (min-width: 1420px) {
	.m-col-3 {
		width:33%;
	}
}