.contact {margin:1rem auto;width:100%;max-width:1170px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;}
.contact h1 {font-weight:500;padding:1rem 0;width:100%;}
.contact section {flex:1;position:relative;display:flex;flex-direction:column;}
.contact article {font-size:14px;border:1px solid #ddd;box-shadow:1px 1px 10px #ddd;margin-bottom:1rem;}
.contact span {display:flex;padding:.5rem;}
.contact span:nth-child(odd) {background:#eaeaea;}
.contact b {min-width:120px;color:#000;}
.contact a {color:#5d8fc7;margin-right:1rem;}
.contact a:hover {color:#333;}
#contact-form {display:flex;flex-direction:column;padding:1rem;border:1px solid #ddd;box-shadow:1px 1px 10px #ddd;margin-bottom:1rem;}
#contact-form h3 {}
#contact-form input {padding:.5rem;border:1px solid #ddd;margin-top:.5rem;}
#contact-form textarea {padding:.5rem;border:1px solid #ddd;margin:.5rem 0;}
.contact-form-button {align-self:flex-end;background:#5d8fc7;color:#fff;border:none;padding:1rem 2rem;transition:.4s;}
.contact-form-button:hover {background:#223141;}
.contact iframe {border:none;flex:1;}
/* ---- **** ---- **** ---- **** ---- **** ---- **** ---- **** ---- */
@media only screen and (max-width:768px){
    .contact {margin:0;padding:1rem;flex-direction:column;}
    .contact article {font-size:12px;}
    .contact iframe {min-height:300px;}
}