@media (max-width: 767px) {
.header-content img {max-width:60vw;}
}
@media (min-width: 768px) {
.header-content img {width:500px;}
}

/* ------------------------------------------------------------------------------------------ Video Stuff */
/* Container for the header */
.header-container {
  position: relative;
  width: 100%;
  height: 100vh; /* Fills 100% of the viewport height */
  overflow: hidden; /* Hides any video overflow */
}

/* The background video */
.header-container video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  transform: translate(-50%, -50%); /* Keeps the video perfectly centered */
  object-fit: cover; /* Fills the space without distorting the video */
  z-index: -1; /* Sends the video to the background */
}

/* Content overlaid on the video */
.header-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}