.contact-hero {
    background-image: url('../images/contact.png');
}

.contact-hero {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height:66vh;
    /* aspect-ratio: 9 / 9; */
}

#contact_form {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

#contact_form fieldset {
    border: none;
    width: 100%;
    display: flex;
    gap: 2rem;
}

#contact_form fieldset input,
#contact_form fieldset textarea {
    width: 100%;
    padding: .6rem;
    border: 2px solid rgb(184, 183, 183);
}

#map {
    height: 400px;
    /* full screen map */
    width: 100%;
    margin-bottom: 5rem;
}