.main-visual .page-name {
  color: #000;
}

.page-header {
  background-color: #e2e1d9;
}

.builders {
  max-width: 920px;
  width: 90%;
  margin-inline: auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  -webkit-column-gap: 3.4rem;
     -moz-column-gap: 3.4rem;
          column-gap: 3.4rem;
  row-gap: 8rem;
  margin-top: 6rem;
}

.builder {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 4;
  gap: 3rem;
}

.catch-copy {
  font-size: 1.8rem;
  padding: 4rem 10px;
  border: 1px solid #8f8f8f;
  text-align: center;
}

.logo {
  text-align: center;
  -ms-flex-item-align: center;
      align-self: center;
}

.text {
  font-size: 13px;
  line-height: 1.8;
}

@media (max-width: 960px) {
  .builders {
    grid-template-columns: 1fr;
    max-width: 600px;
  }
  .catch-copy {
    padding: 2rem 10px;
  }
}
@media (max-width: 520px) {
  .builders {
    row-gap: 6rem;
  }
}