.hero {
  position: relative;
  height: 0;
      
}

.bgvid {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -100;
  opacity: 1;
  -webkit-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  z-index: 1;
}

/*
 *  Use the following to add a darkened overlay on top of the video
 *  (usually necessary for legibility if there will be text on top)
 */
 
.hero:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .45;
  z-index: 2;
}
video {
    top: -116px;
    position: relative;
    width: 100%;

}

.mobile-bg {
	display: none;
}
.hero .wide ,main {
	background-image: none!important;
}
@media (max-width: 1024px){
.bgvideo {
    display: none;
}
}