@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: -2; /* 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;
  z-index:1;
	background-image: url("../img/vidEdgeBot.png"), url("../img/vidEdgeBotSideL.png"), url("../img/vidEdgeBotSideR.png");
  background-position: center bottom, left bottom, right bottom;
  background-repeat: repeat-x, no-repeat, no-repeat;
}
video::-webkit-media-controls-start-playback-button {
  display: none !important;
  -webkit-appearance: none;
}