/* =============================================================================
   Homepage Specific Fixes
   ========================================================================== */

/* Fix for header covering content on mobile devices */
@media (max-width: 991px) {
  .main-banner .video-overlay {
    /* Use flexbox to center the content vertically */
    display: flex;
    align-items: center;
    min-height: 90vh; /* Ensure overlay takes up most of the screen */
    padding-top: 80px; /* Add padding for the sticky header */
    padding-bottom: 40px; /* Add some space at the bottom */
  }
  .main-banner .caption {
    position: static; /* Remove absolute positioning */
    transform: none; /* Reset transform */
    margin: 0 auto; /* Center the caption horizontally */
    max-width: 90%; /* Prevent it from touching the edges */
  }
}