@media (max-width: 991px) {
  .hero {
    text-align: center;
    padding: 4rem 0;
  }

  .brand-logo {
    height: 44px;
  }

  .hero-meta {
    gap: 0.75rem !important;
  }

  .service-hero {
    text-align: center;
  }

  .service-hero-meta {
    justify-content: center;
  }

  .service-hero-media {
    max-width: 560px;
    margin: 0 auto;
  }

  .service-hero .lead {
    margin-left: auto;
    margin-right: auto;
  }

  .textil-card {
    flex-direction: column;
  }

  .textil-media {
    width: 100%;
  }

  .textil-panel {
    border-left: 0;
    border-top: 1px solid #e2e8f0;
  }

}

@media (max-width: 575px) {
  .navbar-brand {
    font-size: 1.1rem;
  }

  .hero {
    padding: 3.5rem 0;
  }

  .service-hero {
    padding: 3.5rem 0 3rem;
  }

  .service-story {
    padding: 1.75rem;
  }

  .service-hero-img {
    aspect-ratio: 3 / 2;
  }
}