/****************************************/
/* INTRO
/****************************************/

#intro {
	max-width: 640px;
	margin: 0 auto;
}
#intro-logo {
	padding: 66px 20px 10px 20px;
	background: #14123c;
	text-align: center;
}
#intro-logo img {
	max-width: 50%;
}
#intro-video {
}
#intro-down-btn {
	position: absolute;
	z-index: 99;
	bottom: 32px;
	left: 50%;
	width: 37px;
	height: 59px;
	margin-left: -18px;
	background: url('../img/down-btn.png') 50% 50% no-repeat;
	cursor: pointer;
}
@media (min-width: 1200px) {
	#intro {
		max-width: 100%;
	}
	#intro, 
	#intro-video,
	#intro-video > .video-container {
		height: 100%;
	}
	#intro-video > .video-container {
		padding-top: 0;
	}
	#intro-down-btn {
		bottom: 64px;
	}
}