.ticket-cta {
  grid-column: 1 / -1;
  display: grid;
  place-items: center;
  text-decoration: none;
  font-size: 1.05rem;
}

.space:not(.checkpoint) {
  width: 1px;
  height: 1px;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.board {
  background-image: url("assets/howard-homecoming-board-fall.png");
}

.space.checkpoint {
  width: 30px;
  height: 30px;
}

.space-label {
  display: block !important;
  width: 96px;
  transform: translate(-50%, 0) !important;
  color: #fff;
  text-align: center;
  font-size: 0.56rem;
  line-height: 1.05;
  letter-spacing: 0.01em;
  text-shadow: none;
  z-index: 8;
}

.space-label b {
  display: inline-block;
  padding: 4px 6px;
  border: 1px solid #f4c95d;
  border-radius: 3px;
  background: rgba(0, 45, 78, 0.94);
  box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.55);
}

@media (max-width: 719px) {
  .space-label {
    width: 86px;
    font-size: 0.5rem;
  }
}

@media (min-width: 720px) {
  .space.checkpoint {
    width: 42px;
    height: 42px;
  }

  .space-label {
    width: 120px;
    font-size: 0.66rem;
  }
}