.text-teal {
  color: #55C5C9;
}

.text-red {
  color: #D52C2F !important;
}

section.contact-landing {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  color: #ffffff;
  background-color: #D52C2F;
  text-align: center;
  min-height: clamp(240px, 30vw, 370px);
  margin-bottom: clamp(60px, 10vw, 120px);
}
section.contact-landing h1 {
  letter-spacing: 0.15em;
  text-transform: capitalize;
}
section.contact-landing h3 {
  letter-spacing: 0.1em;
}

section.contact-form {
  width: 800px;
  max-width: 92%;
  margin: 0 auto clamp(120px, 20vw, 200px);
}
section.contact-form p {
  margin-bottom: 0.3em;
}
section.contact-form .content-col {
  width: 100%;
  margin-bottom: clamp(28px, 6vw, 80px);
}
section.contact-form input[type=text],
section.contact-form input[type=tel],
section.contact-form input[type=email],
section.contact-form textarea {
  box-sizing: border-box;
  width: 100%;
  background-color: hsla(263, 5%, 48%, 0.1);
  border: none;
  min-height: clamp(32px, 5vw, 60px);
  font-size: 16px;
  padding: 0.5em 1em;
  color: #707070;
}
section.contact-form input[type=text]:focus,
section.contact-form input[type=tel]:focus,
section.contact-form input[type=email]:focus,
section.contact-form textarea:focus {
  outline: 1px solid #D52C2F;
  color: #2B2B2B;
}
section.contact-form textarea {
  min-height: clamp(240px, 30vw, 320px);
}
@media screen and (max-width: 800px) {
  section.contact-form input[type=text],
  section.contact-form input[type=tel],
  section.contact-form input[type=email],
  section.contact-form textarea {
    font-size: 14px;
    padding: 0.2em 0.5em;
  }
}

.submit-btn-container {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-top: clamp(8px, 2vw, 20px);
}
.submit-btn-container p {
  display: flex;
  width: fit-content;
  align-items: center;
  flex-direction: column;
}
.submit-btn-container .submit-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  padding: 0.5em 2.5em;
  appearance: none;
  border: none;
  box-sizing: border-box;
  margin: 0 5px;
  padding: 0.5em 1em;
  width: clamp(240px, 30vw, 385px);
  height: clamp(42px, 10vw, 80px);
  background-color: #D52C2F;
  color: #ffffff;
  cursor: pointer;
  font-size: 26px;
  text-align: center;
  white-space: nowrap;
}
.submit-btn-container .submit-btn:hover {
  opacity: 0.8;
}
@media screen and (max-width: 1200px) {
  .submit-btn-container .submit-btn {
    font-size: 18px;
  }
}
@media screen and (max-width: 800px) {
  .submit-btn-container .submit-btn {
    width: clamp(156px, 30%, 385px);
    height: clamp(42px, 10vw, 60px);
    font-size: 14px;
  }
}

/*# sourceMappingURL=contact.css.map */