@media (max-width: 60em) {
  .section-hero {
    background-position: 50% 0px;
  }

  .grid--our-story {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    justify-items: center;
    row-gap: 3.2rem;
    text-align: center;
  }

  .grid--our-story img {
    width: 40%;
  }

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

/****************************************************************************************/
/****************************************************************************************/
/****************************************************************************************/

@media (max-width: 49em) {
  .manufacturers-logos {
    overflow-x: scroll;
  }
}

/****************************************************************************************/
/****************************************************************************************/
/****************************************************************************************/

@media (max-width: 32em) {
}