body {
	background: #000;
	padding:0;
	margin:0;
}
.video-responsive {
	padding-bottom: 0%;
	position: relative;
	width: 100%;
}

.canvas,
.video {
	width: 100%;
	left: 0;
	position: absolute;
	top: 5%;
	width: 100%;
	background: #000;
	z-index: 5;
}
#over_video{
	position: absolute;
	width: 100%;
	height: 100%;
	text-align: center;
	top: 0;
	z-index: 10;
	font-size: 6vw;
	color: #FFF;
    /*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	font-family: Ubuntu, Verdana, Arial, Helvetica, sans-serif;
    margin-top: 16%;
    /*text-shadow: 4px 4px 4px #5C433B;*/
}

.m2vIntro{
height:600px;

}



@media (max-width: 1280px) {
   /* .video {
	top: 50px;
}*/
.m2vIntro{
height:500px;
}

}


@media (max-width: 1100px) {
   /* .video {
	top: 50px;
}*/
.m2vIntro{
height:400px;
}
}

@media (max-width: 900px) {
   /* .video {
	top: 50px;
}*/
.m2vIntro{
height:300px;
}
}


@media (max-width: 640px) {
   /* .video {
	top: 50px;
}*/
.m2vIntro{
height:200px;
}
}


@media (max-width: 400px) {
   /* .video {
	top: 50px;
}*/
.m2vIntro{
height:150px;
}
}