.contact-page {
  width: 100%;
  padding: var(--spacing-2xl) var(--container-padding);
}

.contact-container {
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
}

.contact-header {
  margin-bottom: var(--spacing-xl);
  text-align: center;
}

.contact-header h1 {
  margin-bottom: var(--spacing-md);
}

.contact-header p {
  max-width: 640px;
  margin: var(--spacing-md) auto 0;
  color: var(--text-secondary);
  font-size: var(--font-size-md);
  line-height: 1.5;
}

.contact-form-frame {
  width: 100%;
  min-height: 1300px;
}

.contact-form-frame iframe {
  display: block;
  width: 100%;
  min-height: 1300px;
  border: 0;
}

@media (max-width: 768px) {
  .contact-page {
    padding: var(--spacing-xl) var(--container-padding);
  }

  .contact-header p {
    font-size: var(--font-size-base);
  }
}