.ribbon {
  font-size: 16px;
  background-color: #065c62;
  width: -moz-max-content;
  width: max-content;
  color: var(--white);
  padding: 0.5rem 2rem;
  border-radius: 2rem;
  margin-top: 5rem;
  margin-bottom: 2rem;
}

.brand-container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2rem;
  margin-bottom: 5rem;
}

.brand {
  background-color: rgba(255, 255, 255, 0.3647058824);
  display: grid;
  place-content: center;
  padding: 1rem;
}
@media only screen and (max-width: 1060px) {
  .brand-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
    margin-bottom: 5rem;
  }
  .brand img {
    height: 3rem;
  }
}
@media only screen and (max-width: 786px) {
  .brand-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
    margin-bottom: 5rem;
  }
  .brand img {
    height: 2rem;
  }
}/*# sourceMappingURL=style.css.map */