@font-face {
	font-family: DinCondBold;
	src: url(DINCond-Bold.otf);
}

body {
	background: #fff;
	font-family: helvetica neue, helvetica, sans-serif;
	font-size: 16px;
	font-weight: 100;
}
.header-wrapper {
	float: left;
	width: 100%;
	max-height:800px;
	overflow: hidden;
	background: black;
}
.header-wrapper .header {
	position: relative;
	width: 100%;
	margin: 0 auto -3px auto;
}
.header-wrapper hgroup {
	position: absolute;
	width: 100%;
	height: 704px;
	top: 320px;
	left: 0;
	line-height: normal;
	color: #fff;
}
.header-wrapper hgroup h1 {
	display: block;
	margin: 0 -50px 0 0;
	font-family: DinCondBold;
	font-weight: normal;
	font-size: 120px;
	text-align: center;
	letter-spacing: 50px;
}
.header-wrapper hgroup h2 {
	display: block;
	width: 100%;
	text-align: center;
	font-weight: 100;
	text-transform: uppercase;
	letter-spacing: 10px;
	font-size: 24px;
}
.coming-soon h2 {
	float: left;
	padding: 50px 0;
	font-weight: 100;
	font-size: 42px;
	width: 100%;
	text-transform: uppercase;
	letter-spacing: 12px;
	text-align: center;
}

@media only screen and (max-width : 1025px) {

	.header-wrapper {
		height: 300px;
		background-size: 225%;
	}
	.header-wrapper .header {
		width: 100%;
	}
	.header-wrapper .header hgroup {
		top: 115px;
		height: inherit;
	}
	.header-wrapper .header hgroup h1 {
		font-size: 60px;
		letter-spacing: 17px;
		margin: 0 -17px 0 0;
	}
	.header-wrapper .header hgroup h2 {
		font-size: 12px;
	}
	video {
		display: none;
	}
	.header-wrapper {
	float: left;
	width: 100%;
	max-height:800px;
	overflow: hidden;
	background: url('../img/placeholder2.png') center center no-repeat #0F1315;
	background-size: 100% auto;
	}
}
@media only screen and (max-width : 680px) {

	.header-wrapper {
	background-size: auto 100%;
	}
}