#contact-page {
  font-family: "Nunito", sans-serif;
  font-size: 1.4rem;
  background-color: black;
  color: white;
}

#contact-page .title {
  font-family: "Staatliches", cursive;
  font-size: 5rem;
  margin-top: 5rem;
}

#contact-page form {
  margin: auto;
  width: 50%;
}

#contact-page .quote {
  height: 30rem;
  background-color: white;
  font-size: 2rem;
  color: black;
}

#contact-page .call-logo {
  width: 12rem;
}

#contact-page .info-title {
  font-family: "Staatliches", cursive;
  font-size: 8em;
  padding-top: 10rem;
  font-style: italic;
  opacity: 0.6;
  padding-bottom: 10rem;
}

#contact-page .plain {
  background-color: #4ca018;
  /* height: 20rem; */
  height: 16em;
}

#contact-page .info {
  position: relative;
  background-color: black;
  height: 35rem;
  width: 75rem;
  bottom: 18rem;
  box-shadow: 0px -8px 10px rgb(61, 61, 61);
  /* opacity: 0.8; */
  flex-wrap: nowrap;
  color: white;

  margin-bottom: 3em;
}

#address-title {
  font-size: 1.4rem;
}
#call-title {
  font-size: 1.4rem;
}
#email-title {
  font-size: 1.4rem;
}

.plain a {
  color: #4ca018;
  text-decoration: none;
}

.plain iframe {
  box-shadow: rgba(6, 24, 44, 0.4) 0px 0px 0px 2px,
    rgba(6, 24, 44, 0.65) 0px 4px 6px -1px,
    rgba(255, 255, 255, 0.08) 0px 1px 0px inset;
}

@media (max-width: 900px) {
  #contact-page form {
    margin: auto;
    width: 80%;
  }

  #contact-page .info-title {
    font-size: 8.5rem;
  }
}

@media (max-width: 600px) {
  #contact-page form {
    margin: auto;
    width: 90%;
  }
  #contact-page .plain {
    background-color: #4ca018;
    height: 20em;
  }
}

@media (max-width: 720px) {
  #contact-page .info {
    font-size: 1rem;
  }
}