@font-face {
	font-family: 'Gotham Bold';
	src: url(fonts/Gotham-Bold.eot);
	src: local('Gotham Bold'),
		 url(fonts/Gotham-Bold.eot?#iefix) format('embedded-opentype'),
		 url(fonts/Gotham-Bold.woff) format('woff'),
		 url(fonts/Gotham-Bold.ttf) format('truetype'),
		 url(fonts/Gotham-Bold.svg#Gotham-Bold) format('svg'),
		 url(fonts/Gotham-Bold.otf);
}
@font-face {
	font-family: 'Gotham Book';
	src: url(fonts/Gotham-Book.eot);
	src: local('Gotham Book'),
		 url(fonts/Gotham-Book.eot?#iefix) format('embedded-opentype'),
		 url(fonts/Gotham-Book.woff) format('woff'),
		 url(fonts/Gotham-Book.ttf) format('truetype'),
		 url(fonts/Gotham-Book.svg#Gotham-Book) format('svg'),
		 url(fonts/Gotham-Book.otf);
}
@font-face {
	font-family: 'Gotham Medium';
	src: url(fonts/Gotham-Medium.eot);
	src: local('Gotham Medium'),
		 url(fonts/Gotham-Medium.eot?#iefix) format('embedded-opentype'),
		 url(fonts/Gotham-Medium.woff) format('woff'),
		 url(fonts/Gotham-Medium.ttf) format('truetype'),
		 url(fonts/Gotham-Medium.svg#Gotham-Medium) format('svg'),
		 url(fonts/Gotham-Medium.otf);
}
body{
	font-family: 'Gotham Book';
	background-color:#000000;
	color:#FFFFFF;
	padding:0;
	margin:0;
	text-align: center;
	font-size: 17px;
	line-height: 32px;
}
main {
	display: block;
	max-width: 1000px;
	min-width: 640px;
	margin: 0 auto 140px;
}
h2 {
	font-family: 'Gotham Bold';
	color: #cb3d39;
	font-size: 30px;
	margin-top: 2em;
}
h2:before {
	border-bottom: solid 1px #cb3d39;
	content: "";
	display: block;
	margin: 0px 30px -12px;
}
h2:after {
	border-top: solid 1px #cb3d39;
	content: "";
	display: block;
	margin: -12px 30px 0px;
}
h2 span {
	z-index: 1;
	padding: 0px 6px;
	background: #000;
}
figure{ margin: 0; padding: 0;}
figure span{
	display: none;
}
p {
	width: 680px;
	margin: 2em auto 3em;
	text-align: left;
}
@media screen and (max-width: 860px) {
	p{
		width: 800px;
		line-height: 1.8em;
		margin: 2em auto 3em;
	}
}
h1 {
	font-size: 58px;
	font-family: 'Gotham Medium';
	margin: 80px auto 0px;
}
article > p {
	text-align: center;
	margin: 1em auto 2em;
	font-size: 23px;
	font-family: 'Gotham Medium';
}
#video {
	width: 800px;
	height: 450px;
	margin: 10px auto 50px;
}
#video iframe{
	border: solid 1px #666666;
}
#video span { display: none;}
@media screen and (max-width: 860px) {
	#video {
		width: 800px;
		height: auto;
	}
	#video img {
		width: 800px;
		height: auto;
	}
}
.idea img{
	width: 680px;
	height: 425px;
}
@media screen and (max-width: 860px) {
	.idea img{
		width: 800px;
		height: auto;
	}
}

.result div{
	display: table;
	table-layout: fixed;
	width: 980px;
	margin: 0 auto;
}
.result div figure{
	display: table-cell;
}
@media screen and (max-width: 860px) {
	.result div{
		display: block;
		width: 860px;
	}
	.result div figure{
		display: block;
		float: none;
		margin: 60px auto;
	}
}

div { margin-bottom: 100px; }
section.challenge { margin-top: 120px; }
a { 
	display: block;
	padding: 6px;
	width: 224px;
	margin: 20px auto;
	opacity: 1;
}
a:hover {
	opacity: 0.75;
}
a > span {
	display: none;
}

@media screen and (max-width: 860px) {
	a, a > img { 
		width: 336px;
		height: auto;
	}
}