body {
  position: relative;
  background-color: #000000;
  color: #ffffff;
  padding-top: 3.5rem;
}

h1 {
color: #7f7aba;
}

h2 {
color: #3ac38d;
}

h4 {
color: #2fa5a9;

}

.lead {
color: #ffffff;
}

.bg-black {
background-color: #000000;
}

.jumbotron {
  position: relative; /* Change from fixed to relative */
  z-index: 1; /* Ensure it's above the video */
  overflow: hidden; /* Prevent overflow issues */
  padding: 0; /* Adjust padding as needed */
  height: 100vh; 
}

#video-background {
  position: absolute; /* Use absolute positioning */
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%; /* Ensure it fills the jumbotron */
  object-fit: cover; /* Cover the area without stretching */
  z-index: -1; /* Ensure it stays behind the jumbotron */
  background-color: #000000;
}

.status-open {
  background-color: green;
  border: 1px solid green;
  cursor: default;
  pointer-events: none;
  color: white;
}

.status-closed {
  background-color: red;
  border: 1px solid red;
  cursor: default;
  pointer-events: none;
  color: white;
}
.logo-container {
  position: relative; /* or 'static' */
  text-align: center; /* Center the image horizontally */
  margin-top: 200px; /* Add margin to create space from the navbar */
}

.logo-container img {
  max-width: 95vw; /* 50% of the viewport width */
  max-height: 50vh; /* 50% of the viewport height */
  width: auto;
  height: auto;
  display: block;
  margin: auto;
}