* {margin:0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline;}
body {
	background-color: #dbd8d0;
	color: #222733;
	font-family: "Titillium Web", sans-serif;
}

h1,h2,h3,h4,h5,h6{font-family:"Josefin Sans",sans-serif;font-weight:400;font-style:normal;letter-spacing:0.125em;text-align:center;text-transform:uppercase;line-height:1.25;margin:3rem 0}
h1{font-weight:400;font-size:2rem}
h2{font-weight:700;font-size:1.75rem;margin-bottom:0} 
h3{font-weight:400;font-size:1.5rem;margin-top:0;margin-bottom:0;color:rgba(219,232,212,0.5)}
h4{font-weight:700;font-size:1.25rem}
p{margin:2em 0;line-height:1.5}
p:first-child{margin-top:0}
p:last-child{margin-bottom:0}
.titles {
	margin-top: 7em;
}
.titles h1 {
	font-size: 9vw;
	font-weight: 100;
	line-height: 1.25;
}

#maintext {
	margin-top: 2rem;
	margin-bottom: 2rem;
}
#maintext p {
	font-weight: 400;
	margin: 2em auto;
	width: 28rem;
}
#bodywrap {
	overflow: hidden;
	position: relative;
}
.hero-bg {
	opacity: 0.2;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
}
.content {
	position: relative;
}