video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
	z-index: 3;
	opacity: 1;
	transition: opacity 1.5s;
}

video.video_hidden {
	opacity: 0;
	transition: opacity 1.0s;
}

/* index_video.html test css for HTML 5 video background */

#video-container {
	position: absolute;
}
#video-container {
	top:0;
	left:0;
	height:100%;
	width:100%;
	overflow: hidden;
	background: transparent;
}
video {
	position:absolute;
	top:0;
	left:0;
	background: transparent;
}
video.fillWidth {
	height: auto;
	width: auto;
}

@media only screen and (max-width:500px) {
    video {
       left: -710px !important;      
    }
}

@media only screen and (max-width:800px) {
    video {
       left: -560px !important;
    }
}



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

        video.fillWidth {
       min-width: 100% !important;
       height: 650px;
    }
}

@media only screen and (max-width:1910px) {
    video.fillWidth {
       min-width: 100% !important;
       min-height: 650px;    }   
}

@media only screen and (min-width:1911px) {
    video.fillWidth {
       width: 100% !important;
    }
    .header-background-image,
    .header-background-image-inner {
    height: 650px !important;
    }
    
}

@media only screen and (min-width:2000px) {
    video.fillWidth {
       width: 100% !important;
    }
    #section-divider-0, .bg0 {
    height: 650px !important;
    }
    .header-background-image,
    .header-background-image-inner {
    height: 650px !important;
    }
}


@media only screen and (max-width: 767px) {
	    #section-divider-0, .bg0 {
    height: 630px !important;
    }
    .header-background-image,
    .header-background-image-inner {
    height: 630px !important;
    }
    #video-container .text-container {
    	height: 610px !important;
    }
}




/* Hide part of the text on small screens */

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

.mobilehide {
    /*visibility: hidden;*/
    display: none;
    
}
}

.mobileshow {
    visibility: visible;
    display: block;
 }