@media (max-width: 768px) {
  .header-content {
    flex-direction: column;
    height: auto;
    padding: 1rem;
  }

  .navigation a {
    display: block;
    margin: 1rem 0;
  }

  .services-grid {
    flex-direction: column;
    align-items: center;
  }

  .apropos-content {
    flex-direction: column;
  }

  .overlay-content h1 {
    font-size: 2rem;
  }

  .overlay-content p {
    font-size: 1rem;
  }
}