.scale-labels {
  width: min(100%, 820px);
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  justify-content: initial;
}

.scale-labels span {
  padding: 0 4px;
}

.scale-labels span:nth-child(2) {
  color: #9b741d;
}

.scale-labels span:nth-child(3) {
  color: #888;
}

.scale-labels span:nth-child(4) {
  color: #496f98;
}

@media (max-width: 520px) {
  .scale-labels {
    font-size: 9px;
  }

  .scale-labels span:nth-child(2) {
    visibility: visible;
  }
}