.contact{z-index:var(--pageZ);width:calc(100% - 10px);font-family:var(--petrona),"Times New Roman",serif;text-align:left;background-color:#fffffff2;border-radius:4px;grid-template-columns:1fr;gap:36px;margin:50px 5px 10px;padding:30px 20px;display:grid;position:relative}@media (min-width:600px){.contact{background-color:#ffffffe6;width:calc(100% - 90px);margin:70px 0 30px -40px;padding:70px 50px 50px}}@media (min-width:900px){.contact{grid-template-columns:1fr 1fr;max-width:900px;margin:70px 0 30px -40px;padding:70px 60px 50px}}@media (min-width:1200px){.contact{max-width:940px;margin:70px 0 30px -110px}}.contact h1{text-align:center;grid-column:1/2;font-size:42px}@media (min-width:900px){.contact h1{grid-column:1/3}}.contact .greetings{font-family:var(--raleway),"Tahoma",Helvetica,sans-serif;flex-direction:column;grid-column:1/2;gap:8px;font-size:20px;line-height:28px;display:flex}@media (min-width:900px){.contact .greetings{gap:12px;line-height:32px}}.contact form{font-family:var(--raleway),"Tahoma",Helvetica,sans-serif;flex-direction:column;grid-column-start:1;gap:16px;display:flex}@media (min-width:900px){.contact form{grid-column:2/3}}.contact .form-field{flex-direction:column;gap:4px;display:flex;position:relative}.contact label{font-size:20px;display:block}.contact input,.contact textarea{width:100%;height:36px;font-family:var(--raleway),"Tahoma",Helvetica,sans-serif;border:1px solid var(--darkPurple);border-radius:4px;padding:0 8px;font-size:18px;box-shadow:inset 1px 1px 1px #0006}.contact input.error,.contact input.error:focus,.contact textarea.error,.contact textarea.error:focus{border:1px solid var(--errorRed);outline:none}.contact textarea{height:180px;padding:4px;font-size:18px;line-height:24px}.contact button{color:#fff;background-color:var(--richBlue);cursor:pointer;border-radius:4px;align-self:flex-end;width:50%;height:36px;font-size:18px}.contact button:hover{opacity:.8}.contact button:focus{outline-offset:2px;outline:1px solid #000}.contact p.form-error{color:var(--errorRed)}.contact .character-count{position:absolute;top:3px;right:0}.contact .thank-you{all:unset;font-family:var(--raleway),"Tahoma",Helvetica,sans-serif;text-align:center;text-wrap:pretty;cursor:pointer;background-color:#fff;border-radius:8px;grid-column:1/3;margin:0 32px;padding:32px 24px;font-size:30px;line-height:1.3;box-shadow:2px 2px 0 4px #ff8100}.contact-background{background-image:url(/assets/backgrounds/yellow-orange_contact.png),linear-gradient(#fff1cb,#ff8100);background-position:left 0 bottom 0,0 0;background-repeat:repeat-x;background-size:400px 270px,calc(100% - 100px) 100%;width:100%;height:100%;position:fixed}@media (min-width:600px){.contact-background{background-image:url(/assets/vine_pattern.svg),linear-gradient(to right,var(--darkPurple),var(--darkPurple)),url(/assets/backgrounds/yellow-orange_contact.png),linear-gradient(to bottom,#fff1cb,#ff8100);background-position:right -165px top 0,right 0 top 0,left 0 bottom 0,0 0;background-repeat:repeat-y,no-repeat,repeat-x;background-size:200px 500px,40px 100%,400px 270px,calc(100% - 40px) 100%}}@media (min-width:1200px){.contact-background{background-image:url(/assets/vine_pattern.svg),linear-gradient(to right,var(--darkPurple),var(--darkPurple)),url(/assets/backgrounds/yellow-orange_contact.png),linear-gradient(to bottom,#fff1cb,#ff8100);background-position:right -110px top 0,right 0 top 0,left 0 bottom 0,0 0;background-repeat:repeat-y,no-repeat,repeat-x;background-size:200px 500px,110px 100%,400px 270px,calc(100% - 110px) 100%}}