/* ======== In production, I would abstract all of the following into it's own SCSS file ======== */
/* I don't know who wrote the above ^^ (Tim C Jan 9 2018) */
.sprite-checkmark, .plan-details li:after {
  height: 9px;
  width: 10px;
  background-image: url('../images/sprites/icons-s5e4f85a736.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  display: inline-block;
  width: 10px;
  height: 9px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .sprite-checkmark, .plan-details li:after {
    background-image: url('../images/sprites-retina/icons-s659f966acc.png');
    background-position: 0 0;
    -moz-background-size: 10px auto;
    -o-background-size: 10px auto;
    -webkit-background-size: 10px auto;
    background-size: 10px auto;
  }
}

.plan-details li:after {
  content: '';
  position: absolute;
  left: 3px;
  top: 3px;
  z-index: 1;
}
