/*------ reset ---------*/

*{ 	padding: 0; 
	margin: 0;
	}

table {
	border-collapse:collapse;
	border-spacing:0;
	}

fieldset,img {
	border:0;
	}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
	}

li {
	list-style:none;
	}

input, textarea, select {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
	}

img a{
	border:0;
	}
	
div {
	box-sizing: border-box;
}

body, html { height: 100%; }
	
/*----- layout ---------*/

body {
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	font-weight: 300;
	color: rgba(0,0,0,0.9);
}

.page {
	position: fixed;
	width: 100%;
	height: 100%;
	background: #edead2;
	background: -moz-radial-gradient(center, ellipse cover,  #edead2 0%, #b7a98d 100%);
	background: -webkit-radial-gradient(center, ellipse cover,  #edead2 0%,#b7a98d 100%);
	background: radial-gradient(ellipse at center,  #edead2 0%,#b7a98d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edead2', endColorstr='#b7a98d',GradientType=1 );
	top: 0;
	left: 0;
}

.bg {
	position: absolute;
	bottom: 0;
	right: 0;
	text-align: right;
	font-size: 0;
}

.bg img {
	max-width: 70%;
}

@media screen and (max-width:979px){
	.bg img{
		max-width: 50%;
	}
}

@media screen and (max-width:600px){
	.bg img{
		max-width: 60%;
	}
}

@media screen and (max-width:480px){
	.bg img{
		max-width: 75%;
	}
}

.row {
	position: relative;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 30px;
}

.main-content {
	text-align: center;
}

.main-content h4 {
	font-size: 20px;
	margin-bottom: 10px;
}

.main-content p {
	line-height: 170%;
	margin-bottom: 25px;
	text-align: left;
}

.main-content a {
	color: #847658;
	text-decoration: none;
}

.narrow {
	display: inline-block;
	max-width: 600px;
}

.logo {
	position: relative;
	margin-bottom: 30px;
}

.logo img {
	position: relative;
	max-width: 350px;
	z-index: 1;
}

.logo::after {
	position: absolute;
	content: '';
	width: 100%;
	height: 90px;
	display: block;
	background: rgba(255,255,255,0.35);
	left: 0;
	top: 90px;
	z-index: 0;
}

.clearfix::before,
.clearfix::after {
	position: relative;
	content: '';
	display: table;
	clear: both;
	font-size: 0;
	zoom: 1;
}