/* Hero styles for Cape May Thrive */

.hero-section {
  color: white;
  min-height: 70vh;
  display: flex;
  align-items: center;
  text-align: center;
  overflow: hidden;
  padding-top: 80px; /* Add padding to account for fixed navbar */
}

.hero-overlay {
  background-color: rgba(0, 78, 137, 0.6);
  background-image: linear-gradient(to bottom right, rgba(0, 29, 61, 0.8), rgba(0, 78, 137, 0.6), transparent);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}

.hero-content h1 {
  font-size: 2.25rem;
}

.hero-content p {
  font-size: 1.125rem;
}

@media (min-width: 768px) {
  .hero-content h1 {
    font-size: 3rem;
  }
}

@media (min-width: 992px) {
  .hero-content h1 {
    font-size: 3.75rem;
  }
  
  .hero-content p {
    font-size: 1.25rem;
  }
}