.progress {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  max-height: 84px;
}

.progress-bar {
  background-color: $primary-color;
  color:white;
  text-align: right;
  line-height: 8vw;
  // padding: 0 5px;
  font-weight: 900;
  min-width: 50px;
  position: relative;
  transform: skewX(-16.5deg);

  span {
    display: inline-block;
    transform: skewX(16.5deg);
    margin-right: .85rem;
    font-size: 3vw;
    line-height: 8vw;
  }
}

@media screen and (min-width: 500px) {
  .progress-bar span {
    font-size: 16px;
  }
}

@media only screen and (min-width: $desktop) {
  .progress-bar,
  .progress-bar span {
    line-height: 84px;
    max-height: 84px;
  }
}
