* { box-sizing:border-box; }
html { overflow-x:hidden; }
body { margin:0; font-family:Arial,sans-serif; overflow-x:hidden; }
.info { background:navy; color:white; width:100%; }
.info td { padding:8px 10px; vertical-align:middle; }
.info h4 { margin:5px 0; color:white; }
.info img { width:42px; height:42px; object-fit:cover; border-radius:50%; margin:2px; }
.hero { color:white; background:#F8F1E8; padding:15px; width:100%; }
.hero td,.hero th { padding:8px; vertical-align:middle; }
.heroimg { padding:8px; border-radius:50%; background:navy; width: 140px; height: 140px; object-fit:cover; }
.name { color:navy; font-size:clamp(32px,5vw,60px); font-weight:bold; font-style:oblique; margin:0; }
nav { color:ivory; background:navy; padding:15px; text-align:right; display:flex; justify-content:flex-end; flex-wrap:wrap; gap:4px; }
nav a { color:white; text-decoration:none; padding:10px 15px; transition:.3s; }
nav a:hover { color:navy; background:#F8F1E8; }
.message { color:white; background:navy; padding:15px; margin:20px 0; }
.contact-table { width:min(1200px,96%); margin:0 auto 40px; border:1px solid #ddd; border-collapse:separate; border-spacing:15px; }
.contact-table td { padding:20px; vertical-align:top; }
.comments { color:navy; font-size:20px; font-weight:bold; font-style:oblique; line-height:1.5; }
.contact-form h4 { color:navy; font-size:16px; margin:12px 0 6px; }
.contact-form input,.contact-form textarea { width:100%; max-width:500px; padding:12px; border:2px solid navy; border-radius:5px; outline:none; font:inherit; }
.contact-form textarea { min-height:140px; resize:vertical; }
.contact-form input:focus,.contact-form textarea:focus { border-color:royalblue; }
.send-btn { background:navy; color:white; border:2px outset royalblue; padding:12px 28px; cursor:pointer; font-weight:bold; border-radius:4px; }
.send-btn:hover { background:royalblue; }
.map-frame { width:100%; height:450px; border:0; display:block; }
footer { color:whitesmoke; background:navy; font-style:italic; padding:15px; font-size:large; }
@media(max-width:992px){.info tr,.hero tr{display:grid;grid-template-columns:1fr 1fr;align-items:center}.info td,.hero td,.hero th{width:auto!important;text-align:center}.contact-table tr{display:grid;grid-template-columns:1fr 1fr}.contact-table td{width:auto!important}.map-frame{height:380px}}
@media(max-width:576px){.info tr,.hero tr{grid-template-columns:1fr}.info img{width:34px;height:34px}.heroimg{width:75px;height:75px}.name{font-size:34px}nav{justify-content:center;padding:10px}nav a{padding:8px 10px;font-size:13px}.contact-table{width:94%;border-spacing:8px}.contact-table tr{grid-template-columns:1fr}.contact-table td{padding:12px}.comments{font-size:17px}.map-frame{height:300px}.message{font-size:26px}}