@font-face {
	font-family: 'Century Gothic';
	src: url('CenturyGothic.eot');
	src: local('Century Gothic'), local('Century Gothic'),
		url('CenturyGothic.eot?#iefix') format('embedded-opentype'),
		url('CenturyGothic.woff') format('woff'),
		url('CenturyGothic.ttf') format('truetype'),
		url('CenturyGothic.svg#AGaramondPro-Italic') format('svg');
	font-weight: normal;
}


* {
margin: 0;
}
::-webkit-input-placeholder {
 opacity: 0.6 !important;
 color: #838383
}



:-moz-placeholder { /* Firefox 18- */
 opacity: 0.6 !important;
 color: #838383
}



::-moz-placeholder {  /* Firefox 19+ */
 opacity: 0.6 !important;
 color: #838383
}

:-ms-input-placeholder {
 opacity: 0.6 !important;
 color: #838383
}
h1,h2,h3,h4,h6{font-family: 'sainte_colombelight';font-style: normal;font-weight: 300;line-height: 106.5%;margin: 0;}
h1{font-size: 105px;}
html, body {
height: 100%;
}
body{font-family: 'CabinetGrotesk-Regular';font-size:18px;color: #000;background: #D4D4D4 url(../images/bg1.png) center repeat-y; background-size: 100% auto;}
.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto
}
.wrapper{min-heigh:100vh;background-size: cover}
.overlay{background:#fff;position: fixed;top: 0;left: 0;bottom: 0;right: 0;z-index: 1}
	.content-box{width:100%;max-width:800px;text-align:center;padding:2em 1.5em;position:absolute; top:50%;margin-top:-200px;margin-left:-400px;left:50%;z-index: 2}
	.content-box p{color:#000;font-weight:300;margin-bottom: 15px;}
	.content-box p.hero{font-weight:400;margin-top:20px;margin-bottom: 30px; font-size: 32px;}
	.content-box p.link{font-weight:300}
	.content-box p.link a:nth-child(2){border-right:1px solid #ebebeb;padding-right:10px}
	.content-box p.link a:nth-child(3){padding-left:10px}
	.content-box a{color:#000;margin-top: 5px;display: inline-block}
	#contact-form{}
	input{background:none;border:1px solid #ebebeb;width:60%;padding: 0 10px;line-height:40px;color:#fff;-webkit-appearance: none;border-radius: 0}
	input:hover, input:focus, button:hover, button:focus{outline:none}
	button{height:44px;line-height:44px;padding:0 20px;border:none;background:#232323;color:#fff;}
	button:hover{background:#000}
	.notification{margin-bottom:5px;color:#de4400;display: none;}
	#email-error{display:block;margin-bottom:5px;color:#ec0016}
	
	@media (max-width:640px){
		
		.wrapper{background-position: center bottom}
		.content-box p.hero{font-size: 18px; margin-top: 5px;}
		.content-box{max-width: 320px;width:100%;margin-left: -160px;padding: 0;margin-top: -148px}

	}
	@media screen and (max-width: 800px) {
		h1 {font-size: 40px; }
	}