.home {
  height: 100vh;
  position: relative;
}
video {
  object-fit: cover;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.overlay {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 2;
  background: rgba(0,0,0,0.6);
}
.home-content {
  margin: 0 auto;
  position: relative;
  color: #fff;
  z-index: 3;
}
#hero .herotxt {
    position: absolute;
    left: 50%;
    bottom: 0px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.overview {
  min-height: 72vh;
  position: relative;
}

.walkathon {
  min-height: 36vh;
  position: relative;
}

.events {
  min-height: 100vh;
  position: relative;
}

.panel {
  min-height: 100vh;
  position: relative;
}

@media screen and (max-width: 768px) {
.walkathon {
  min-height: 36vh;
}
}