.gridder {
  background-color: #EAE9E3;
  padding: var(--offset-y) var(--offset-x);
}

.gridder__wrapper {
  margin: 0 auto;
  max-width: var(--max-width);
}

.gridder__headline {
  margin-bottom: 55px;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 1px;
  text-align: center;
  text-transform: uppercase;
}

.gridder__items {
  display: grid;
  gap: 35px;
}

@media (min-width: 1025px) {
  .gridder__items {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (min-width: 651px) and (max-width: 1024px) {
  .gridder__items {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 650px) {
  .gridder__items {
    grid-template-columns: 1fr;
  }
}

.gridder__link {
  display: block;
  padding-bottom: 3px;
  margin: 50px auto 0;
  font-size: 16px;
  font-weight: 600;
  width: fit-content;
  border-bottom: 2px solid #295162;
}