.section-logos {
  padding: 4rem 0;
}
.section-logos .container :is(h1, h2) {
  font-size: 3em;
}
.section-logos .container .logos {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  grid-gap: 50px;
  margin-top: 50px;
  flex-wrap: wrap;
}
.section-logos .container .logos > div, .section-logos .container .logos a {
  width: calc(20% - 40px);
  min-width: 175px;
  display: flex;
  justify-content: center;
}
.section-logos .container .logos a, .section-logos .container .logos img {
  transition: all 0.3s;
}
.section-logos .container .logos a:hover {
  opacity: 0.7;
}
.section-logos .container .logos img {
  max-height: 50px;
  max-width: 150px;
}

@media (max-width: 500px) {
  .section-logos .container .logos > div, .section-logos .container .logos a {
    min-width: unset;
    width: calc(50% - 25px);
  }
}
/*

Scroll Animations

*/
.section-logos .container {
  margin-top: -50px;
  opacity: 0;
  transition: all 1s;
}
.section-logos.scrolled-to .container {
  margin-top: 0;
  opacity: 1;
}