@media only screen and (max-width: 500px) {
  /* .inner-group {
    width: 280px;
  } */
  /* .bag-image {
    margin-top: 50px;
  } */
  /* #smoker1 {
    margin-top: 10px;
  } */
  .gen-quest-container h3 {
    font-size: 20px;
  }
  .gen-quest-container h4 {
    font-size: 19px;
  }
  .navigation_tabs li:before {
    width: 9px;
    height: 9px;
  }
  /* .navigation_tabs li:first-child:nth-last-child(12),
  .navigation_tabs li:first-child:nth-last-child(12) ~ li {
    width: 4.5%;
  } */
  .form-check-label {
    font-size: 19px;
  }
  .question-tag {
    font-size: 16px;
  }
  .btn-off-white {
  font-size: 15px;
  }
  .checkmark {
    height: 18px;
    width: 18px;
    top: 5px;
  }
  .main-question {
    margin-top: -20px;
  }
  .gen-quest-container {
    padding-top: 25px;
    padding-left: 16px;
    padding-right: 16px;
  }
  .main-question-home-narrow {
    font-size: 18px;
  }
}


@media only screen and (max-width: 576px) {
  .user-purchase-ratio {
    width: 280px;
  }
  .co2-itemised {
    width: 300px;
  }
  .water-purchases-chart {
    width: 240px;
  }
  .water-itemised {
    width: 300px;
  }
}


@media only screen and (max-width: 768px) {
  .image-container-quest {
    margin-top: 40px;
  }
  .co2-purchases-chart {
    width: 300px
  }
  .co2-itemised {
    width: 300px;
  }
  .yellow-hill-2 {
    position: absolute;
    z-index: -100;
  }
  .right-footer-text {
    text-align: center;
    margin-top: 10px;
  }
  .left-footer-text {
    text-align: center;
    margin-top: 10px;
  }
  .gen-quest-container-home {
    min-height: 280px;
  }
  .sharing-icons-narrow {
    margin-left: 10px;
  }
  .mobile-switch {
    font-size: 16px;
  }
}

@media only screen and (min-width: 1300px) {
  .yellow-hill {
    margin-top: -750px;
  }
  .yellow-hill-2 {
    margin-top: -700px;
  }
}

@media only screen and (max-width: 850px) {
  .main-question-home-wide {
    margin-right: -40px;
  }
}