body {margin:0;padding:0;}

#hero {
  position:relative;
z-index:2;
}

#hero video {
  height:100vh;
  width:100%;
  background-position:absolute;
  z-index:3;
  object-fit:cover;
}

#hero .content {
  background:rgba(0,0,0,0.0);
  height:100%;
  width:100%;
  z-index:4;
  position:absolute;
  top:0;
  left:0;
  text-align:center;
  
  display: flex;
  align-items: center;
  justify-content: center;
}