@charset "utf-8";
/* CSS Document for IE10 Mobile */
<style>
/* Reset */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;}
table{border-collapse:separate;border-spacing:0;margin-bottom:1.4em;}
caption,th,td{text-align:left;font-weight:400;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q{quotes:;}
a img{border:none;}

/* Layout */
@-webkit-viewport{width:device-width}
@-moz-viewport{width:device-width}
@-ms-viewport{width:device-width}
@-o-viewport{width:device-width}
@viewport{width:device-width}
img,video{width: auto; max-width: 100%; height: auto; margin: 0 auto 1em;}
.container{width:88%;margin-left:auto;margin-right:auto;max-width:1400px;*zoom:1;}
.grid-container:after{content:"";display:table;clear:both;}
.grid-unit {position: relative;margin-left: 0;width: 100%;float: left;display: inline; margin-bottom: 2em;}
.grid:after {content: "";display: table;clear: both;}
*, *:after, *:before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

body{
	font-size: 100%;
	line-height: 1.5;
	background-color: #f6f2eb;
	color: #524d46;
}

h1{
	font-size: 2.000em;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 0.125em;
	margin: 0.469em 0 0.469em;
}

p{
	margin-bottom: 1.250em;
}

.site-header, .site-footer{
	float: left;
	width: 100%;
}

.banner-image{
	margin-bottom: 1.563em;
}

.site-footer .container{
	border-top: 0.063em solid rgba(0, 0, 0, 0.1);
	border-bottom: 0.063em solid rgba(0, 0, 0, 0.1);
	padding: 2.500em 0 1.250em;
	text-align: center;
}

/* Links & Navigation */
a {
	color: #74c2c0;
}

a:hover{
	color: #438f8d;
}

.site-navigation ul{
	text-align: center;
	margin-bottom: 0.625em;
	float: left;
	width: 100%;
	list-style-type: none;
}

.site-navigation a{
	text-decoration: none;
	display: inline-block;
	text-transform: uppercase;
	color: #524d46;
	background-color: rgba(0, 0, 0, 0.1);
	width: 33.333333%;
	float: left;
}

.site-navigation a:hover{
	background-color: rgba(0, 0, 0, 0.2);
}

@media screen and (min-width: 700px) {
	body{
		font-size: 112.5%;
	}

	.col-3 .grid-unit {
		width: 30%;
	}

	.grid-unit{
		margin-right: 5%;
	}

	.col-3 .grid-unit:last-child{
		margin-right: 0;
	}
}

@media screen and (min-width: 900px) {
	body{
		font-size: 137.5%;
	}
}

@media screen and (min-width: 1100px) {
	body{
		font-size: 150%;
	}
}
</style>