*{box-sizing:border-box}
html,body{margin:0;padding:0;min-height:100%}
body{min-height:100vh;display:flex;flex-direction:column;font-family:"Open Sans",Arial,sans-serif;color:#333;background:#263941;font-size:15px;line-height:1.65}
.wrap{width:min(1520px,calc(100% - 160px));margin:0 auto}

.topbar{height:30px;background:#02587c;color:#fff;font-size:12px;font-weight:700}
.topbar-inner{height:100%;display:flex;align-items:center;justify-content:space-between}
.facebook{display:flex;align-items:center;justify-content:center;text-decoration:none;color:inherit;font-family:Arial,sans-serif;font-weight:bold}

.brandbar{height:110px;background:#fff}
.brandbar-inner{height:100%;display:flex;align-items:center}
.logo{display:block;width:188px;height:auto}

.content{background:#f5f5f5}
.intro{padding:78px 0 82px}
.copy{width:min(860px,75%);margin:0 auto;text-align:center}
.copy h1{margin:0 0 14px;color:#02587c;font-size:22px;line-height:1.35;font-weight:700}
.copy p{margin:0;font-size:15px;line-height:1.65;color:#333}

.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:88px;margin-top:88px;text-align:center}
.contact-card{position:relative;min-width:0;background:#fff;border:1px solid #dedede;border-radius:3px;padding:52px 28px 26px}
.icon{position:absolute;left:50%;top:0;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;background:#02587c;display:flex;align-items:center;justify-content:center}
.icon svg{width:25px;height:25px;fill:#fff}
.contact-card h2{font-size:18px;line-height:1.3;font-weight:700;color:#222;margin:0 0 14px}
.contact-card p,.contact-card a{margin:0;color:#333;font-size:14px;text-decoration:none}
.contact-card a{color:#02587c}
.contact-card a:hover{text-decoration:underline}

.footer{flex:1;background:#263941;color:#bfc5c7;font-size:12px;min-height:190px}
.footer-inner{height:58px;display:flex;align-items:center;justify-content:space-between}
.footer-facebook{font-size:14px;color:#8f999d}

@media(max-width:900px){
  .wrap{width:min(100% - 48px,1520px)}
  .copy{width:90%}
  .contact-grid{gap:28px}
}
@media(max-width:700px){
  .wrap{width:calc(100% - 32px)}
  .topbar{height:34px}
  .brandbar{height:96px}
  .logo{width:180px}
  .intro{padding:58px 0 60px}
  .copy{width:100%}
  .copy h1{font-size:21px}
  .contact-grid{grid-template-columns:1fr;gap:54px;margin-top:70px}
  .contact-card{padding-top:48px}
  .footer{min-height:130px}
}