/* VIDEO TRICK */
.video-container {
  /* position: relative; */
      margin-top: -55px; /* adjust this value to match the height of your navbar */
  left: 0;
  height: 100svh; /* calc( 100vh - 49px); subtract the navbar height from the viewport height */
  width: 100vw;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.video-container:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 12px;
/*  bottom: -1px;*/
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.4) 70%, rgba(0, 0, 0, 1) 90%);
  height: 100svh;
}



.video-container video {
  object-fit: cover;
  height: 126%;
  width: 100%;
}

/* MASTHEAD */
.masthead {
padding-top: calc(6rem + 74px);
padding-bottom: 6rem;
}


.masthead .masthead-heading {
  font-size: 2.75rem;
  line-height: 2.75rem;
}

.masthead-subheading {
  color: #fff;
  font-size: 1.2rem;
}

.masthead-avatar {
    opacity: 0.8;
    width: 40vw;
    display: inline-block;
    align-self: flex-end;
    filter: drop-shadow(0 0px 18px rgba(0,0,0,0.7));
}

.masthead-icons {
  height: 32px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 32px;
  margin-top: 3rem;
}

.ulc-masthead {
  font-family: "ProtoMono", monospace !important;
  position: absolute;
  top: calc(55px);
  height: calc(100svh - 55px);
  width: 100%;
  gap:2rem;
}

.ulc-masthead-top-half {
    width: 100%;
    height: 50%;
}

.ulc-masthead-bottom-half {
    width: 100%;
    flex-grow:1;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 2rem;
}

@media screen and (min-width: 765px){

    .ulc-masthead-bottom-half {
            padding-bottom: 4rem;

    }
}

@media (max-width: 780px) 
{
  .masthead .masthead-subheading {
    font-size: 1rem;
  }
  /* .masthead .masthead-avatar {
    width: 35vw;
  } */
}

@media (max-height: 768px) and (orientation: landscape) {
  .navbar-brand {
    font-size: 1rem !important;
  }
  .masthead .masthead-subheading {
    font-size: 1.1rem;
  }
  /* .masthead .masthead-avatar {
    width: 35vh;
  } */

}

@media (min-width: 768px) {

     .masthead-avatar 
    {
      width: 20vh;
    }
  }