body .johns-contact-layout{display:grid;grid-template-columns:minmax(220px,1fr) minmax(0,1.8fr);gap:40px;align-items:center;padding:12px 8px}
body .johns-contact-brand{display:flex;align-items:center;justify-content:center;min-width:0}
body .johns-contact-brand img{display:block;width:100%;max-width:320px;height:auto;aspect-ratio:1;object-fit:contain}
body .johns-contact-layout #johnsContactForm{width:100%;max-width:640px;min-width:0;margin-left:auto}
body .johns-contact-layout .johns-form-grid{column-gap:20px}
body .johns-contact-layout .johns-contact-location{gap:10px}
@media(max-width:850px){body .johns-contact-layout{grid-template-columns:minmax(160px,.8fr) minmax(0,1.8fr);gap:24px}body .johns-contact-brand img{max-width:230px}}
@media(max-width:650px){body .johns-contact-layout{grid-template-columns:1fr;gap:24px;padding:8px 0}body .johns-contact-brand img{max-width:190px}body .johns-contact-layout #johnsContactForm{max-width:none}}

body .johns-contact-layout #johnsContactForm>button[type=submit]{display:flex;width:100%;box-sizing:border-box;margin-top:24px}

body .johns-contact-layout #contact_form{width:100%;max-width:640px;min-width:0;box-sizing:border-box;margin-left:auto}
body .johns-contact-layout #contact_form #submit_btn{display:flex;width:100%;box-sizing:border-box;margin-top:24px}
body .johns-contact-layout #contact_form #result:empty{display:none}