.contact-page__intro {
  max-width: 800px;
}

.contact-page__title,
.contact-details__label,
.contact-form__label {
  font-family: Alike, serif;
  font-weight: bold;
  color: rgb(80, 34, 11);
}

.contact-page__title {
  font-size: clamp(2rem, 4vw, 2.75rem);
}

.contact-page__text,
.contact-details__text {
  font-family: Alike, serif;
  color: #000;
  font-size: 18px;
  line-height: 1.7;
}

.contact-details__item {
  width: 100%;
}

.contact-details__icon-wrap {
  width: 2.75rem;
  height: 2.75rem;
  color: rgb(80, 34, 11);
}

.contact-details__icon {
  font-size: 1.35rem;
}

.contact-details__label {
  font-size: 1rem;
}

.contact-details__text {
  font-size: 1rem;
  line-height: 1.5;
}

.contact-form {
  font-family: Alike, serif;
}

.contact-form__label {
  font-size: 1rem;
}

.contact-form .form-control {
  font-family: Alike, serif;
}

.contact-form__submit.btn {
  font-family: Alike, serif;
  background-color: var(--site-brown) !important;
  color: var(--site-cream) !important;
  border: 0 !important;
  padding: 0.6rem 1rem;
  display: inline-block;
  width: 100%;
  appearance: none;
  -webkit-appearance: none;
}

.contact-form__submit.btn:hover,
.contact-form__submit.btn:focus,
.contact-form__submit.btn:active,
.contact-form__submit.btn:focus-visible {
  background-color: var(--site-brown) !important;
  color: var(--site-cream) !important;
  border: 0 !important;
}

@media (max-width: 767.98px) {
  .contact-details {
    margin-bottom: 1.5rem;
  }
}