#intro-video-container{
	width: 100vw;
	height: 100vh;
	overflow: hidden;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
#intro-video-container .enter-btn{
	display: inline-block;
	padding:10px 15px;
	border-radius: 50px;
	color:#fff;
	font-weight: bold;
	font-size: 11px;
	z-index: 999;
	background:#c0392b;
	text-decoration: none;
	border:2px solid #fff;
}
#intro-video-container:before{
	content: "";
	position: fixed;
	top:0;
	left:0;
	bottom:0;
	right:0;
	background:rgba(0,0,0,0.4);
	/* z-index: 99; */
	overflow: auto;
}
#intro-video{
	position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index:-1;
    transform: translateX(-50%) translateY(-50%);
  	background-size: cover;
  	transition: 1s opacity;
}
#intro-video-container .caption{
	position: absolute;
	top:50px;
	left: 50%;
	color:#fff;
	z-index: 99;
	width: 780px;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	text-align: center;
}
#intro-video-container .caption h2{
	font-weight: bold;
	font-size:30px;
	margin:0;
}
#intro-video-container .caption p{
	font-size:20px;
	font-weight: 200;
}
@media (max-width: 992px){
	
}
@media (max-width: 767px){
	body{
		background: url(../../hatta.JPG) fixed no-repeat center;
		background-size: cover;
	}
	#intro-video-container{
		background: none;
		height: auto;
	}
	#intro-video-container:before{
		display: none;
	}
	#intro-video{
		display: none;
	}
	#intro-video-container .caption{
		position: relative;
		top:auto;
		left:auto;
	  	-webkit-transform: none!important;
	  	transform: none!important;
		width: auto;
		padding:50px;	
	}
	
}