section.contactus {
    margin: 0;
    background-color: var(--color-gold);
    color: white;
    padding: 3em 0;
}

section.contactus a {
    color: white;
    text-decoration: underline!important;
    display: inline;
}

section.contactus a:hover {
    text-decoration: underline!important;
}


section.contactus .contact_body label,
section.contactus input[type="checkbox"] + * {
    color: white;
    font-weight: 300;
    font-size: 16px;
}

section.contactus input[type="checkbox"] + ::before {
    background: url("/i/checkbox_w-empty.svg");
}

section.contactus input[type="checkbox"]:checked + ::before {
    background: url("/i/checkbox_w-filled.svg");
}


section.contactus .button {
    background-color: transparent;
    border-color: #fff;
    color: #fff !important;
}

section.contactus input[type=text] {
    border-color: #fff;
    color: #fff;
    width: 100%;
    box-sizing: border-box;
}

section.contactus input[type="text"].warning,
section.contactus input[type="text"].warning + label {
    color: #fff !important;
    border-color: var(--color-red);
}

section.contactus .contact_body {
    display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -moz-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 2em;
    align-items: flex-end;
}

section.contactus .contact_body > * {
    flex-shrink: 0;
    flex-grow: 1;
    box-sizing: border-box;
    flex-basis: 300px;
    position: relative;
}

@media screen and (max-width: 860px) {
    /*section.contactus .contact_body > * {*/
    /*    width: calc(100% - 1em);*/
    /*}*/
}