.header-container {
  position: relative;
  background: linear-gradient(rgba(249, 249, 249, 0.8), rgba(249, 249, 249, 0.8)),
    url('../imgs/c2.jpeg') center/cover no-repeat;
  color: #333;
  padding: 100px 0; /* Adjust padding as needed */
  text-align: center;
}
  
.header-title {
  font-size: 3rem;
  font-weight: bold;
  margin-bottom: 15px;
}
  
.header-subtitle {
  font-size: 1.5rem;
}
  
@media (max-width: 767px) {
  .header-title {
    font-size: 2.5rem;
  }
  .header-subtitle {
    font-size: 1.25rem;
  }
}