.locations {
  margin: 0 0 100px 0;

  h1 {
    font-size: var(--font-size-huge);
    font-family: var(--font-family-serif);
    font-weight: var(--font-family-book);
    margin: 40px 0 15px 0;
    color: var(--color-primary);
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word;
    word-break: break-all;
  }
}

.locations-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  gap: 50px var(--grid-gutter-width);
}