contact-container {
    display:block;

}

contact-content {
    display:block;
    width:100%;
    padding:1.5em;
    box-sizing:border-box;
    max-width:900px;
    margin:auto;
}



.img-contact {
   
    width:100%;
    max-width:900px;
    
    
}

.p-img-contact {
    text-align:center;
}


.form-contact {
    display:grid;
    grid-template-columns:1fr;
    background: #DDD;
    padding:0 1em 1em 1em;

}

.label-contact {
    margin-top:1em;
    font-weight:bold;
    font-size:0.9em;
}


.fieldset-radio {
    border:none;
}

.label-radio {
      font-size:0.9em;
}

.input-contact-short {
    width:100%;
    max-width:200px;
    border:none;
}



.input-contact-long {
    width:100%;
    max-width:300px;
     border:none;
}


.select-contact-short {
    width:100%;
    max-width:100px;
     border:none;
}

.select-contact-medium {
    width:100%;
    max-width:150px;
     border:none;
}


.textarea-contact {
    width:100%;
    height:8em;
     border:none;
}

.button-contact {
    margin-top:1em;
    padding:0.5em;
    border:none;
    background-color:#44A;
    color:white;
    width:120px;
}

.button-contact:hover {
    background-color:salmon;
}

.p-contact-passed {
    color:darkgreen;
}

.p-contact-failed {
    color:chocolate;
}


.g-recaptcha {
    margin-top:1em;
    
}