@media (max-width: 575px) {
  .nav__bar {
    padding: 0.5rem;
  }

  .nav__menu__btn {
    font-size: 1.2rem;
  }

  .nav__links {
    padding: 1rem;
  }

  .header__container {
    padding-top: 5rem;
    grid-template-columns: 1fr;
    text-align: center;
  }

  .header__content h1 {
    font-size: 2rem;
  }

  .header__content h1 span {
    font-size: 4rem;
  }

  .about__container {
    grid-template-columns: 1fr;
  }

  .about__image {
    margin-bottom: 2rem;
  }

  .product__grid,
  .gallery__container,
  .article__grid {
    grid-template-columns: 1fr;
  }

  .footer__container {
    grid-template-columns: 1fr;
  }
}


@media (min-width: 576px) and (max-width: 767px) {
  .header__container {
    padding-top: 5rem;
    grid-template-columns: 1fr;
    text-align: center;
  }

  .header__content h1 {
    font-size: 2rem;
  }

  .header__content h1 span {
    font-size: 4rem;
  }
}

@media (min-width: 768px) and (max-width: 991px) {}

@media (min-width: 992px) {}