.locations-contact {
  --columns: 1;
  --gap: 20px;
  --row-gap: 30px;
  --fontSize: 28;
  --phoneSize: 18;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: calc(var(--fontSize) / var(--base) * 1rem);
  gap: var(--gap);
  row-gap: var(--row-gap);
}

.locations-contact__col {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  text-align: center;
  width: calc(100% / var(--columns) - var(--gap) * (var(--columns) - 1) / var(--columns));
}
.locations-contact__col a {
  font-size: calc(var(--phoneSize) / var(--base) * 1rem);
}
.locations-contact__col span {
  font-weight: 500;
}

@media (min-width: 992px) {
  .locations-contact {
    --columns: 3;
    --fontSize: 30;
    --phoneSize: 23;
  }
}