div.row#hero {
	padding-top: 3em;
	margin-bottom: 24px;
}

section.features {
	border: 1px solid #ccc;
}
	
div.row#teaser-line {
	margin-top: 0;
}

section.teaser {
	padding-top: 0;
}

section.teaser.vid {
	height: 435px;
}

.slogan a.fancyLink.play {
	margin-top: 1em;
}

section.teaser .description .links {
	margin-top: 2em !important;
}

.teaser #hero-vid {
	display: none;
}	
		
.teaser #hero {
	display: block;
	opacity: 1.0;
	-webkit-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
}

.teaser.vid #hero-vid {
	display: block;
}
		
.teaser.animation #hero,
.teaser.animation #teaser-line {
	opacity: 0.0;
	-webkit-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
}

.teaser.vid #hero,
.teaser.vid #teaser-line {
	display: none;
}	

.teaser #stop-playback {
	display: none;
}

.teaser.vid #stop-playback {
	display: block;
	position: absolute;
	
	top: -30px;
	left: -20px;
	-webkit-transition: left 0.3s linear;
	transition: left 0.3s linear;
}

@media only screen and (max-width: 810px) {
	.teaser.vid #stop-playback {
		left: 10px;
	}
}

div#hero-vid {
	position: relative;
	margin-top: 50px;
	margin-bottom: 48px;
	max-width: 720px; 
	padding-left: 10px; 
	padding-right: 10px;
}

video#launchbar-hero {
	width: 100% !important; 
	height: 100% !important;
}