@media only screen and (max-width: 767px) {
  .hero-section {
    padding: 3em 1em !important;
  }
}

@media only screen and (max-width: 767px) {
  .hero-title {
    font-size: 36px !important;
  }
}

@media only screen and (max-width: 767px) {
  .hero-text {
    font-size: 16px !important;
  }
}

@media only screen and (max-width: 767px) {
  .hero-image {
    padding: 3em 1em 0em 1em !important;
  }
}

@media only screen and (max-width: 767px) {
  .about-section {
    padding: 3em 1em !important;
  }
}

@media only screen and (max-width: 767px) {
  .section-title {
    font-size: 32px !important;
  }
}

@media only screen and (max-width: 767px) {
  .product-section {
    padding: 3em 1em !important;
  }
}

@media only screen and (max-width: 767px) {
  .solution-section {
    padding: 3em 1em !important;
  }
}

@media only screen and (max-width: 767px) {
  .contact-iamge {
    margin-bottom: 2em !important;
  }
}

@media only screen and (max-width: 767px) {
  .footer {
    padding: 3em 1em !important;
  }
}

@media only screen and (max-width: 767px) {
  .footer-logo {
    width: 330px;
  }
}

@media only screen and (max-width: 767px) {
  .subpage-hero {
    padding: 2em 2em !important;
  }
}

@media only screen and (max-width: 767px) {
  .blog-section {
    padding-top: 1em !important;
    padding-bottom: 4em;
  }
}