@media (max-width: 1100px) {
  .about-values__head,
  .about-value-row {
    grid-template-columns: minmax(140px, .65fr) minmax(140px, .65fr) minmax(0, 1.35fr);
    gap: 16px;
  }

  .about-values__head span:last-child {
    grid-column: 2;
  }

  .about-value-row__connector {
    display: none;
  }
}

@media (max-width: 980px) {
  .about-vision-mission__grid {
    grid-template-columns: 1fr;
  }

  .about-vision-mission__card {
    min-height: 0;
    padding: 30px;
  }

  .about-values {
    padding-right: 26px;
    padding-left: 26px;
  }
}

@media (max-width: 760px) {
  .about-purpose {
    margin-top: 48px;
    padding-top: 42px;
  }

  .about-purpose + .about-purpose {
    margin-top: 52px;
  }

  .about-purpose-header {
    margin-bottom: 26px;
    padding-bottom: 16px;
  }

  .about-purpose-header h3 {
    font-size: 28px;
  }

  .about-purpose-header p {
    font-size: 16px;
  }

  .about-vision-mission__grid {
    gap: 16px;
  }

  .about-vision-mission__card {
    padding: 26px 24px;
  }

  .about-vision-mission__card h4 {
    font-size: 25px;
  }

  .about-vision-mission__lead {
    margin-top: 22px;
    font-size: 18px;
  }

  .about-vision-mission__body {
    padding-top: 24px;
    font-size: 16px;
  }

  .about-values {
    padding: 36px 18px 24px;
  }

  .about-values__head,
  .about-value-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }

  .about-values__head {
    margin-bottom: 4px;
    font-size: 18px;
  }

  .about-values__head span:last-child {
    grid-column: 2;
  }

  .about-value-row {
    padding: 16px 0;
    border-bottom: 1px solid var(--purpose-line);
  }

  .about-value-row__description {
    grid-column: 1 / -1;
    font-size: 16px;
    text-align: center;
  }

  .about-values__summary {
    margin-top: 24px;
    padding: 16px 18px;
    font-size: 16px;
    text-align: left;
  }
}
