h1 {color:var(--green);}
@media screen and (min-width: 1200px) {
 .section-1 { flex-direction: row; }
 }
 

.honeypot { position: absolute; left: -9999px; }
.contact-page { display: flex; gap: var(--spacing-lg,1.5rem);max-width: 1000px;
  margin-left: auto; margin-right: auto; margin-top: var(--spacing-md);}



.contact__form,
.contact__text { flex: 1; }
.contact__form { display: flex; flex-direction: column; z-index: 1000; }
.field { display: flex; flex-direction: column; margin-bottom: var(--spacing-sm,1rem); }
input,
textarea {outline:none; box-shadow: none; border-radius: 1rem; padding-bottom: 6px; padding-left: 12px; padding-right: 12px; padding-top: 6px; background-color: var(--clair,#EBD9C2); }
textarea { min-height: var(--spacing-3xl,3rem); text-align: left; }
input[type="submit"] { background: var(--orange, #DD614A); cursor: pointer; padding: var(--spacing-2xs,0.6rem) var(--spacing-md,1.3rem); border-radius: 40px 0; margin: auto; color: var(--clair,#EBD9C2); }
input[type="submit"]:hover { filter: brightness(1.1); }
label { padding-bottom:var(--spacing-3xs,0.5rem); }


.contact-page {font-family: var(--font-title);
}


input[type="submit"] {
    font-family: var(--font-secondary);
    display: flex;
     align-self: center;
  margin: var(--spacing-md) auto;
  padding: var(--spacing-2xs) var(--spacing-xs);
    background-color: var(--orange);
    font-size: var(--font-size-button);
    line-height: 100%;
    color: var(--burgundy);
    border: none;
    border-radius: var(--border-radius) var(--border-radius) var(--border-radius) var(--border-radius);
    cursor: pointer;
    transition: filter var(--transition-speed), background-color var(--transition-speed);
    text-transform: uppercase;
  }