.demo-video-wrapper {
	position:relative;
}
.video-overlay {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  pointer-events: none; /* Allows right click menu on the video */
  background: left top repeat;
  opacity: 1;
}
.video-hero--content {
  position: relative;
  height:92vh;
}

.jquery-background-video-wrapper {
  position: relative;
  overflow: hidden;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.jquery-background-video {
  position: absolute;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  top: 50%;
  left: 50%;
  -o-object-fit: contain;
  object-fit: contain;
  transform: translate(-50%, -50%);
}

/**
 * Fade in videos
 * Note the .js class - so non js users still
 * see the video
 */
.js .jquery-background-video {
  opacity: 0;
  transition: opacity 200ms linear;
}

.js .jquery-background-video.is-visible {
  opacity: 1;
}



.play{
	width:80px;
	height:80px;
	position:absolute;
	top:80%;
	left:50%;
	transform: translate(-50%, -50%);
	z-index: 3;
}
.play a{
	display:block;
}
.play a img{
	width:80px;
	height:80px;
}
.play a:hover img{
	width:70px;
	height:70px;
	-webkit-transition: 0.3s;
}
#inline1{
	width:1200px;
	height:675px;
}
#inline1 video{
	width:100%;
	height:auto;
}



@media (max-width: 1200px) {
#inline1{
	width:100%;
	height:50%;
}
}
@media (max-width:768px) {
.video-hero--content {
  height:60vh;
}

}