.libre-bodoni {
  font-family: "Libre Bodoni", serif;
  font-optical-sizing: auto;
  font-style: normal;
}

.nunito {
  font-family: "Nunito", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}

.bkgd {
    position: fixed; 
    top: 0; 
    left: 0; 
    width: 100vw; 
    height: 100vh; 
    z-index: -1;
}

.responsive-video {
  width: 100%;
  height: auto;     /* Ensures the aspect ratio does not distort */
  display: block;   /* Eliminates any default inline spacing bugs */
}

.button-bkgd {
  background-image: url(../images/background.jpg);
  background-size: cover;
  font-weight: 300;
  font-size: calc(2rem + 1.5vw);
  border: none;
  background-color: rgb(0, 100, 255, 0); /* Blue tint */
  background-blend-mode: multiply;    /* Blends image and color */
}

.button-bkgd:hover {
  background-color: rgba(50, 37, 136, 0.25); /* Blue tint */
}

.carousel-item {
  height: 100vh;
}

.masthead {
    height: 95vh;
}

.display-7 {
  font-weight: 300;
  line-height: 1.2;
  font-size: calc(4rem + 1.5vw);
}

.carousel-background {
 background-size: cover; 
 background-position: 65% 50%;
}

@media (min-width: 768px) { 
  
  .display-7 {
    font-size: calc(6rem + 1.5vw);
  }

  .carousel-background {
  background-size: cover; 
  background-position: center;
  }

 }