.contact-form { text-align:left; }
.contact-field { margin:30px 0; }
.contact-field label { display:block; font-weight:600; margin-bottom:12px; line-height:2; }
.contact-field input,.contact-field textarea { box-sizing:border-box; width:100%; padding:8px 12px; border:1px solid #d0d5d8; border-radius:3px; background:#fff; font:inherit; }
.contact-field input[required] { background:rgba(255,255,142,.46); }
.contact-field textarea { min-height:220px; resize:vertical; }
.contact-field :focus-visible,.contact-submit:focus-visible { outline:3px solid #176c28; outline-offset:3px; }
.contact-trap { position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden; }
.contact-submit { width:300px; max-width:100%; display:block; margin:25px auto; min-height:70px; background:#27c038; color:#fff; font-size:20px; font-weight:600; border:0; cursor:pointer; }
.contact-submit:disabled { opacity:.65; cursor:wait; }
.contact-errors { padding:18px; border:2px solid #b52222; background:#fff7f7; text-align:left; }
.contact-errors a,.contact-error { color:#a61515; }
.contact-error { display:block; margin-top:7px; }
#content01 .contact-errors p { margin:0 0 10px; }
#content01 .contact-intro,#content01 .contact-privacy,#content01 .contact-sending { text-align:center; }
.contact-privacy { font-size:14px; }
.contact-privacy a { text-decoration:underline; }
.cf-turnstile { max-width:300px; margin:auto; }
#content01 .contact-result h2 { font-size:24px; }
.contact-result { padding:25px; border:1px solid #99cc33; }
.contact-mobile-nav { display:none; }
@media(max-width:768px) {
    .contact-mobile-nav { display:block; position:fixed; top:0; left:0; right:0; z-index:1000; background:#7fcd0d; }
    .contact-mobile-nav summary { display:flex; align-items:center; justify-content:space-between; cursor:pointer; height:60px; padding-right:16px; }
    .contact-mobile-nav summary::-webkit-details-marker { display:none; }
    .contact-mobile-nav nav { max-height:70vh; overflow:auto; }
    .contact-mobile-nav nav ul li { width:100%; }
    .contact-mobile-nav nav ul li a { background:#f3f3f3; border:0; border-bottom:1px solid #ddd; padding:14px; }
}
@media(max-width:768px) { #content01 h4 { padding:8px 35px; } .contact-field input,.contact-field textarea { font-size:16px; } }
