@media (min-width: 1200px) {
  span.br {
    width: 100%;
    display: block;
  }
}
section.banner {
  padding: 100px 0;
  background: linear-gradient(
      90deg,
      rgba(20, 141, 93, 0.8) 0%,
      rgba(20, 141, 93, 0.8) 100%
    ),
    url("/wp-content/themes/grm-biowood/assets/images/wood-louver/banner.jpg")
      center / cover no-repeat;
  min-height: 710px;
  display: flex;
  align-items: center;
}

section.banner .banner__content {
  max-width: 1116px;
  width: 100%;
  margin: auto;
}

section.banner h1 {
  @media (min-width: 768px) {
    font-size: 59px;
  }
}

/* wood plastic */
section.wood-plastic {
  padding: 100px 0;
}

section.wood-plastic .wood-plastic__content {
  align-items: center;
}

section.wood-plastic .wood-plastic__text {
  max-width: 622px;
  width: 100%;
  padding-left: 16px;
}

/* wood plastic application */
section.wood-plastic-application {
  padding-top: 100px;
  background: #f8f8f8;
}

section.wood-plastic-application .wood-plastic-application__content {
  align-items: center;
}

section.wood-plastic-application .wood-plastic-application__text {
  max-width: 622px;
  width: 100%;
  padding-right: 16px;
}

/* services */
section.services {
  padding: 100px 0;
  background: #f8f8f8;
}

section.services .services__content {
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
  justify-content: space-between;
}

section.services .card {
  /* max-width: 47%; */
  flex: 1 1 calc(50% - 16px);
  width: 100%;
  border-radius: 0;
  border: 1.5px solid var(--black);
  padding: 48px;
}

/* benefits and look-for */
section.look-for {
  background: #f8f8f8;
}
section.benefits,
section.look-for {
  padding: 100px 0;
}

section.benefits .benefits__heading,
section.look-for .benefits__heading {
  max-width: 888px;
  width: 100%;
  margin: auto;
}

section.benefits .benefits__content,
section.look-for .benefits__content {
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
  justify-content: space-between;
}

section.benefits .card,
section.look-for .card {
  flex: 1 1 calc(33.33% - 21.33px);
  width: 100%;
  border-radius: 0;
  border: 1.5px solid var(--black);
  padding: 48px;
}

/* section.benefits .card:nth-child(4) p,
section.benefits .card:nth-child(5) p,
section.look-for .card:nth-child(4) p,
section.look-for .card:nth-child(5) p {
  max-width: 330px;
  margin: 0 auto;

  @media (max-width: 1199px) {
    max-width: 100%;
  }
} */

/* why choose */
section.why-choose {
  padding-top: 100px;

  @media (min-width: 1200px) {
    padding-bottom: 100px;
  }
}

section.why-choose .wood-plastic__content {
  align-items: center;
}

section.why-choose .wood-plastic__text {
  max-width: 622px;
  width: 100%;
  padding-left: 16px;
}

section.why-choose a {
  color: #148d5d;
  font-weight: 700;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-thickness: 2px;
}

/* contact grm */
section.contact-grm {
  padding: 100px 0;
  background: url("/wp-content/themes/grm-biowood/assets/images/wood-louver/footer.png")
      center / cover no-repeat;
  min-height: 586px;
  display: flex;
  align-items: center;
}

section.contact-grm .contact-grm__content {
  max-width: 1116px;
  width: 100%;
  margin: auto;
}

@media (max-width: 1199px) {
  section.banner,
  section.wood-plastic .wood-plastic__text,
  section.wood-plastic-application .wood-plastic-application__text,
  section.services,
  section.benefits,
  section.look-for,
  section.why-choose .wood-plastic__text,
  section.contact-grm {
    padding: 70px 30px;
  }

  section.wood-plastic-application,
  section.why-choose {
    padding-top: 70px;
  }

  section.wood-plastic {
    padding: 70px 0 0 0;
  }

  section.wood-plastic .wood-plastic__content {
    align-items: unset;
  }

  section.wood-plastic .wood-plastic__image {
    width: 100%;
  }

  section.wood-plastic .wood-plastic__image img {
    width: 100%;
  }

  section.wood-plastic .wood-plastic__text {
    max-width: 100%;
    /* padding-left: 0; */
  }

  section.wood-plastic-application .wood-plastic-application__image img {
    width: 100%;
  }

  section.wood-plastic-application .wood-plastic-application__text {
    max-width: 100%;
  }

  section.why-choose .why-choose__image {
    width: 100%;
  }

  section.why-choose .why-choose__image img {
    width: 100%;
  }

  section.why-choose .wood-plastic__text {
    max-width: 100%;
  }

  section.benefits .card,
  section.look-for .card {
    flex: 1 1 calc(50% - 16px);
  }
}

@media (max-width: 991px) {
  section.services .card {
    flex: 1 1 100%;
  }
}

@media (max-width: 767px) {
  section.banner,
  section.wood-plastic .wood-plastic__text,
  section.wood-plastic-application .wood-plastic-application__text,
  section.services,
  section.benefits,
  section.look-for,
  section.why-choose .wood-plastic__text,
  section.contact-grm {
    padding: 50px 20px;
  }

  section.wood-plastic-application,
  section.why-choose {
    padding-top: 50px;
  }

  section.wood-plastic {
    padding: 50px 0 0 0;
  }

  section.benefits .card,
  section.look-for .card {
    max-width: 100%;
  }

  section.benefits .card,
  section.look-for .card {
    flex: 1 1 100%;
  }
}

@media (max-width: 575px) {
  section.services .card,
  section.benefits .card,
  section.look-for .card {
    padding: 24px;
  }
}