header {
  background-color: rgba(255,255,255,.5);
  height: 100vh;
  text-align: center;
}

.background-block {
/*  background: url('../img/woodchurch.jpg');
  background-position: center;
  background-size: cover;*/
  font-family: "Libre Baskerville", serif;
  font-size: 1em;
  padding: 50px 0;
  /*margin-top: 50px;*/
  min-height: 80vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.background-block .container {
  margin: 0 auto;
}
.background-block .text {
  background: rgba(255,255,255,.8);
  padding: 30px;
}

.embed-video {
  width: 270px;
  height: 150px;
}

.get-involved-link:link,
.get-involved-link:visited {
  /*display: block;*/
  background-color: #3c3939;
  margin: 0 auto;
  padding: 30px 60px;
  font-family: 'Montserrat', sans-serif;
  font-weight: bold;
  font-size: 1em;
  text-transform: uppercase;
  text-align: center;
  color: white;
}
.get-involved-link:hover,
.get-involved-link:active {
  background-color: #6fa2b5;
  text-decoration: none;
  color: white;
}

/* Fullscreen video BG */
.fullscreen-bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  z-index: -100;
}

.fullscreen-bg__video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media (min-aspect-ratio: 16/9) {
  .fullscreen-bg__video {
    height: 300%;
    top: -100%;
  }
}

@media (max-aspect-ratio: 16/9) {
  .fullscreen-bg__video {
    width: 300%;
    left: -100%;
  }
}

@media (max-width: 767px) {
  .fullscreen-bg {
    background: url('../hero-video/millennial-summit.jpg') center center / cover no-repeat;
  }

  .fullscreen-bg__video {
    display: none;
  }
}

@media only screen and (min-width: 576px) {
  .embed-video { width: 400px; height: 225px; }
}
@media only screen and (min-width: 768px) {
  header { 
    background-image: url('../img/sketch/blue.png'), url('../img/sketch/red.png'), url('../img/sketch/black-half.png');
    background-position: 30% -30%, 0% 130%, 100% 70%;
    background-repeat: no-repeat;
    background-size: auto;
  }
  header h1 { font-size: 4em; }
  .background-block { font-size: 2em; }
  .embed-video { width: 680px; height: 380px; }
  .get-involved-link:link,
  .get-involved-link:visited {  font-size: 3em; }
}
@media only screen and (min-width: 992px) {
  header h1 { font-size: 6em; }
}
@media only screen and (min-width: 1200px) {}