.sleep {
  @extend %main-content;
}

.sleep__text {
  @extend %main-text;
}

.sleep__title {
  margin-top: 0px;
}

.sleep__sleeping-lion {
  background: {
    image: url("../assets/lion-sleeping-sprite.svg");
    repeat: no-repeat;
    position: -996px;
    size: 2000px;
  }
  height: 320px;
  width: 330px;
  margin-left: 25px;

  @media screen and (min-width: 550px) {
     margin-left: 33%;
   }
}

.sleep__slider {
  text-align: center;
}

.sleep__range {
  @extend %range-input;
}

.value {
  display: none;
}

.sleep {
  @extend %main-content;
}

.sleep__text {
  @extend %main-text;
}

.sleep__title {
  margin-top: 0px;
}

.sleep__sleeping-lion {
  background: {
    image: url("../assets/lion-sleeping-sprite.svg");
    repeat: no-repeat;
    position: -996px;
    size: 2000px;
  }
  height: 320px;
  width: 330px;
  margin-left: 25px;

  @media screen and (min-width: 550px) {
    margin-left: 33%;
  }
}

.sleep__slider {
  margin-top: 30px;
  text-align: center;
}

.slider__labels {
  width: 80%;
  margin: auto;

  .slider__label {
    top: 40px;
  }

  .slider__label--good {
    right: 0;
    float: right;
  }

  .slider__label--bad {
    left: 0;
    float: left;
  }
}

.sleep__range {
  @extend %range-input;
}

.value,
.thumb {
  display: none;
}

Add styles for labels on sleep page
Add styles for labels on sleep page

related #135
