@media only screen and (max-width: 600px) {
  .hero-wrapper {
    background-image: url("/Images/HeroBGImageMobile2.jpg");
    overflow: hidden;
    height: 290px;
  }
  .hero-wrapper .hero-content {
    width: 100%;
    color: #fff;
  }
  .hero-wrapper .hero-content h1 {
    font-size: 40px;
  }
  .hero-wrapper .hero-content h5 {
    font-size: 24px;
  }
  .intro {
    font-size: 20px;
    padding: 20px 0;
  }
  .intro h3 {
    font-size: 32px;
    margin-bottom: 10px;
  }
  .intro p {
    font-size: 16px;
  }
  .percent-labels-wrapper {
    display: none;
  }
  .graph {
    min-height: 100px;
  }
  .graph .bg-overlay {
    min-height: 100px;
  }
  .graph .bg-overlay img.mobile-bg {
    display: block;
  }
  .graph .bg-overlay img.desktop-bg {
    display: none;
  }
  .graph-disclaimer {
    width: 100%;
    text-align: center;
    margin: 20px 0 0 0;
  }
  footer {
    padding: 20px 0;
  }
  footer .footer-logo {
    height: 40px;
    margin: 0 auto;
    display: block;
  }
  footer .footer-socials {
    justify-content: center;
    margin-top: 30px;
  }
  footer .footer-socials .social-item a i {
    font-size: 36px;
  }
}