.font-funnel {
  font-family: "Funnel Display";
}

.feature-box-image {
  display: block;
  width: 100%;
  max-width: 450px !important;
  height: auto;
  margin-left: auto !important;
  object-fit: contain;
}

@media (max-width: 767px) {
  .feature-box-image {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    width: 100%;
    max-width: 100% !important;
    margin: 0 auto !important;
  }
}

@media (max-width: 767px) {

  h1, h2 {
    font-size: 2rem;
  }

  figure.img {
    margin-right: 0;
  }

  img.hero {
    width: 100%;
  }

  .text-lg {
    font-size: 1rem;
  }

  .feature-box-wrapper {
    min-height: 600px;
  }

  .feature-box-image {
    width: 100%;
    height: auto;
    min-height: 600px;
    object-fit: cover;
  }

  .hero-wrapper {
    padding-left: 5%;
    padding-right: 5%;
  }

  .hero-bg {
    max-width: 96%;
    left: 2%;
    margin: 0;
  }
}