@charset "utf-8";
#myVideo{
	position: absolute;
	right: 0;
	bottom: 0;
	top:0;
	right:0;
	width: 100%;
	height: 100%;
	background-size: 100% 100%;
	background-color: black; /* in case the video doesn't fit the whole page*/
	background-image: /* our video */;
	background-position: center center;
	background-size: contain;
	object-fit: cover; /*cover video background */
	z-index:1;
}
#thelogo{
	position:absolute;
	display:none;
	width:500px;
	height:500px;
	left:50%;
	top:25%;
	margin-left:-250px;
	margin-top:-250px;
	z-index:2;	
}
#thelogo img{
	max-width:100%;
	height:auto;
}
#thelogo_Mo{
	display:none;
}
.seemore{
	margin-top:50px;
}
.seemore2{
	margin-top:45%;
}


@media only screen 
and (min-width : 320px) 
and (max-width : 768px) { /* STYLES GO HERE */
#thelogo img{
	display:none;
}
#thelogo_Mo{
	position:absolute;
	display:block;
	width:300px;
	height:300px;
	left:50%;
	top:25%;
	margin-left:-150px;
	margin-top:-150px;
	z-index:99;

}
#thelogo_Mo img{
	max-width:100%;
	height:auto;
}
.seemore{
	margin-top:30px;
}
.seemore2{
	margin-top:30px;
}
}