/* JD */

.responsive-video-container {
  /* This container will have a proportional height based on its width */
  position: relative;
  width: 100%;
  padding-top: 56.25%; /* For a 16:9 aspect ratio (9 / 16 = 0.5625) */
}

.video-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-wrapper video {
  width: 100%;
  height: 100%;
  display: block;
}

/* Add some content at the bottom of the video/page */
.content {
  position: relative;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  color: #FFF;
  width: 100%;
  padding: 20px;
  overflow: hidden;
}
.links {
		width: 100%       
		transform: translate(-50%, -50%); /* Adjust for true centering */
        color: #000; /* Or your desired text color */
		font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
		font-size:18px;
		opacity: 0.7; 
       /*  text-align: center; */
}
.overlay-text {
	    position: absolute; 
        top: 0; /* Center vertically */
        left: 0; /* Center horizontally */ 
		width: 100%       
		transform: translate(-50%, -50%); /* Adjust for true centering */
        color: #000; /* Or your desired text color */
		font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
		font-size:18px;
		opacity: 0.9; 
       /*  text-align: center; */
        z-index: 1; /* Place the text above the video */
        /* Add other styling for font size, family, etc. */
    }
	
	#main-banner {
        position: fixed;  /*Makes the element fixed relative to the viewport */
        top: 0;          /* Positions it at the very top of the viewport */
        left: 0;         /* Positions it at the very left of the viewport */
        width: 100%;     /* Ensures it spans the full width of the viewport */
        background-color: #fff; /* Example: background color for visibility */
        color: #f0f0f0;     /* Example: text color */
        /*  padding: 1rem;  Example: add some padding */
        z-index: 1000;   /* Optional: Ensures it stays on top of other content */
    }
  main {
        margin-top: 120px; /* Adjust this value to be equal to or slightly larger than your banner's height */
    }