@charset "UTF-8";
/* CSS Document */

.video-container {
    position: relative;
    padding-top: 56.25%; /* this gives you responsive aspect ratio */
    overflow: hidden;
}

.hero-video {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    display:inline-block;
}


/* in this example we are "vertically-centering" the caption */
.hero-caption {
    position: absolute;
    display: inline-block;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    color: white;
    font: 0/0 a;
}



.hero-caption:before {
    content: ' ';
    display: inline-block;
    height: 100%;
    vertical-align: middle; 
}       


.hero-caption-inner {
	display: inline-block;
	vertical-align: middle;
	text-align:center;
	width: 100%;
	letter-spacing: .5em;
	font-family: Helvetica;
	font-size: 40px;
	line-height: 1;
	color: #FFF;	
 }