#contact-info-wrapper {
  width: 80%;
  padding: 0 3% 3% 3%;
  margin: 5% 10%;
  border: var(--border-grey);
  border-radius: 50px;
  background: var(--half-transparent-bg);
}

#faq-wrapper {
  margin-bottom: 50px;
  padding: 0 3% 3% 3%;
  border: var(--border-grey);
  border-radius: 50px;
  background: var(--half-transparent-bg);
}

@media screen and (max-width: 769px) { /*Tablet */
  #contact-info-wrapper, #faq-wrapper {
    width: 100%;
    padding: 2% 3% 5% 3%;
    margin: 5% 0 0 0;
    border: var(--border-grey);
    border-radius: 50px;
  }
}
@media screen and (max-width: 420px) { /* Large Phone */
  #contact-info-wrapper, #faq-wrapper {
    width: 110%;
    padding: 3% 3% 5% 3%;
    margin: 5% -5% 0 -5%;
    border-radius: 30px;
  }
}

#contact-img {
  width: 100%;
  height: auto;
  padding: 0 0%;
  margin: 5% 5%;
  border-radius: var(--border-radius);
}
@media screen and (max-width: 769px) { /*Tablet */
  #contact-img {
    width: 80%;
    height: auto;
    padding: 0 0%;
    margin: 0% 10%;
    border-radius: var(--border-radius-mobile);
  }
}

.contact-info {
  padding: 5% 5% 1% 5%;
  margin: 0;
}

.contact-link {
  padding: 1% 5% 1% 5%;
  margin: 0;
  font-size: 130%;
}

.faq-div {
  height: 4vw;
  min-height: 56px;
  overflow: hidden;
  transition: height 0.5s linear;
}
@media screen and (max-width: 420px) { /* Large Phone */
  .faq-div {
    min-height: 68px;
  }
}

@media screen and (max-width: 420px) { /* Large Phone */
  .faq-question {
    font-size: 130%;
    min-height: 48px;
    line-height: 130%
  }
}
@media screen and (max-width: 325px) { /* Small Phone */
  .faq-question {
    font-size: 120%;
  }
}
.faq-answer {

}
@media screen and (max-width: 325px) { /* Small Phone */
  .faq-answer {
    font-size: 110%;
  }
}


.faq-div h3, .open {
  cursor: pointer;
}

.open {
  height: 10vw;
}
@media screen and (max-width: 801px) { /* Small Laptop */
  .open {
    height: 16vw;
  }
}
@media screen and (max-width: 769px) { /*Tablet */
  .open {
    height: 20vw;
  }
}
@media screen and (max-width: 420px) { /* Large Phone */
  .open {
    height: 60vw;
  }
}
@media screen and (max-width: 380px) { /* Medium Phones */
  .open {
    height: 70vw;
  }
}
@media screen and (max-width: 325px) { /* Small Phone */
  .open {
    height: 90vw;
  }
}