.promo {
  position: relative;
  display: inline-block;

  &__price--lg {
    font-size: 15rem;
    font-weight: 800;
    text-shadow: 0px 3px 2px rgba(0, 0, 0, 0.4);
    margin-top: -.35em;
    margin-bottom: -0.25em;
  }
  &__price--md {
    font-size: 8rem;
    font-weight: 800;
  }
  &__price--sm {
    font-size: 6rem;
    font-weight: 800;
    text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4);
    margin-top: -2.5rem;
    margin-bottom: -2.5rem;
  }
  &__hidden {
    display: none;
  }
  &__symb {
    font-size: .65em;
    vertical-align: super;
  }
  &__cents {
    border-bottom: 1px solid;
    font-size: .45em;
    line-height: 1.1em;
    position: absolute;
    top: .6em;
    right: .4em;
  }
  &__off {
    font-size: .45em;
    line-height: 1.1em;
    top: -.8em;
    min-width: 3em;
    position: relative;
  }
  &__term {
    display: inline-block;
    font-size: .25em;
    position: relative;
    right: .9em;
    top: -0.3em;
  }
}


@media screen  and (min-width: $sm_viewport) {
  .promo {
    &__price--sm {
      font-size: 5rem;
    }
    &__price--lg {
      font-size: 13rem;
    }
  }
}
@media screen  and (min-width: $md_viewport) {
  .promo {
    &__price--lg {
      font-size: 15rem;
    }
  }
}
@media screen  and (min-width: $lg_viewport) {
  .promo {
    &__price--lg {
      font-size: 22rem !important;
    }
    &__price--md {
      font-size: 10rem;
    }
    &__price--sm {
      font-size: 8rem;
      margin-top: -3.5rem;
    }
  }
}