.responsive-form {
  position: relative;
  padding-bottom: 75%;  /*Adjust aspect ratio if needed */
  height: 0;
  overflow: hidden;
  max-width: 100%;
}

.responsive-form iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}


/* Small screens */
@media (max-width: 600px) {
    .contact-form {
        padding: 0.5rem;
    }

    .contact-form h1 {
        font-size: 1.5rem;
    }
}

/* Medium screens */
@media (min-width: 601px) and (max-width: 1024px) {
    .contact-form {
        padding: 1.5rem;
    }

    .contact-form h1 {
        font-size: 2rem;
    }
}

/* Large screens */
@media (min-width: 1025px) {
    .contact-form {
        max-width: 700px;
    }
}