@media only screen and (min-width: 834px) and (max-width: 1299px) {
  /* CSS rules for devices/viewports between 834px and 1024px wide go here */

  .card-container {
    width:86%;
  }
  .card, .card-2 {
    width:21%;
  }
  .hero-section {
    height:110vh;
  }
  .contact-section .contact-form {
    width:415px;
  }
  .testimonial-text {
      min-height: 180px !important;
  }
  .card h3, .card-2 h3 {
    font-size:16px;
  }
  .card p {
      font-size: 12px;
  }
  .card-2 p {
      font-size: 13px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1024px) {
    .hero-section {
        height: 68vh;
    }