/*header.masthead-full {
  padding-top: 10rem;
  padding-bottom: calc(10rem - 4.5rem);
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: cover;
}
header.masthead-full h1, header.masthead-full .h1 {
  font-size: 2.25rem;
}
@media (min-width: 992px) {
  header.masthead-full {
    height: 100vh;
    min-height: 40rem;
    padding-top: 4.5rem;
    padding-bottom: 0;
  }
  header.masthead-full p {
    font-family: "Roboto Slab", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1.15rem;
  }
  header.masthead-full h1, header.masthead-full .h1 {
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-weight: 700;
    font-size: 3rem;
  }
}
@media (min-width: 1200px) {
  header.masthead-full h1, header.masthead-full .h1 {
    font-size: 3.5rem;
  }
}*/

header.masthead-full {
    position: relative; /* Needed for absolute positioning of video and overlay */
    padding-top: 10rem;
    padding-bottom: calc(10rem - 4.5rem);
    overflow: hidden; /* Ensure content doesn't overflow */
}

.video-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ensures the video covers the whole area */
    z-index: -1; /* Keeps the video behind other content */
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(60, 60, 60, 0.3), rgba(96, 96, 96, 0.5)); /* Adjusted transparency */
    z-index: 0; /* Ensures overlay is above video but below text */
}

.container {
    position: relative; /* Allows text to sit above overlay */
    z-index: 1; /* Keeps text above the overlay */
}

header.masthead-full h1, header.masthead-full .h1 {
    font-size: 2.25rem;
}

@media (min-width: 992px) {
    header.masthead-full {
        height: 100vh;
        min-height: 40rem;
        padding-top: 4.5rem;
        padding-bottom: 0;
    }

    header.masthead-full p {
        font-family: "Roboto Slab", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        font-size: 1.15rem;
    }

    header.masthead-full h1, header.masthead-full .h1 {
        font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        font-weight: 700;
        font-size: 3rem;
    }
}

@media (min-width: 1200px) {
    header.masthead-full h1, header.masthead-full .h1 {
        font-size: 3.5rem;
    }
}