html, body {
  height: 100%;
  margin: 0;
}

body {
 display: grid;
 grid-template-rows: auto 1fr auto;
 /* header, main, footer */
  min-height: 100vh;
}

.hero-video-row {
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  width: 99.5vw;
}

.hero-video {
  display: block;
  width: 100%;
  height: auto;
}

.logo{
   padding-top: 15px;
}