@font-face{font-family:Caveat;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/caveat-v10-latin-regular.woff2) format("woff2"),url(../fonts/caveat-v10-latin-regular.woff) format("woff")}
@font-face{font-family:Caveat;font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/caveat-v10-latin-700.woff2) format("woff2"),url(../fonts/caveat-v10-latin-700.woff) format("woff")}
@font-face{font-family:Merriweather;font-style:normal;font-weight:300;font-display:swap;src:url(../fonts/merriweather-v22-latin-300.woff2) format("woff2"),url(../fonts/merriweather-v22-latin-300.woff) format("woff")}
@font-face{font-family:Merriweather;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/merriweather-v22-latin-regular.woff2) format("woff2"),url(../fonts/merriweather-v22-latin-regular.woff) format("woff")}
@font-face{font-family:Merriweather;font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/merriweather-v22-latin-700.woff2) format("woff2"),url(../fonts/merriweather-v22-latin-700.woff) format("woff")}
@font-face{font-family:Roboto;font-style:normal;font-weight:300;font-display:swap;src:url(../fonts/roboto-v27-latin-300.woff2) format("woff2"),url(../fonts/roboto-v27-latin-300.woff) format("woff")}
@font-face{font-family:Roboto;font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/roboto-v27-latin-500.woff2) format("woff2"),url(../fonts/roboto-v27-latin-500.woff) format("woff")}
@font-face{font-family:Roboto;font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/roboto-v27-latin-700.woff2) format("woff2"),url(../fonts/roboto-v27-latin-700.woff) format("woff")}

:root{--blue:#0090b2;--blue-dark:#007c9e;--text:#4e4e4e;--white:#fff}
*{box-sizing:border-box}
html{font-size:16px;height:100%}
body{margin:0;min-height:100%;display:flex;flex-direction:column;background:var(--white);color:var(--text);font-family:Merriweather,Georgia,serif;font-weight:300;font-size:1rem;line-height:1.75rem;-webkit-font-smoothing:antialiased}

.header{background:var(--white);padding:1.25rem 1.5rem;box-shadow:0 2px 12px rgba(0,0,0,.08);position:relative;z-index:2}
.header img{display:block;height:3.75rem;width:auto;margin:0 auto}

.hero{position:relative;flex:1 0 auto;min-height:60vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:4rem 1.5rem;background:#0a3c78 url(../img/hero.jpg) center/cover no-repeat;color:var(--white)}
.hero::before{content:"";position:absolute;inset:0;background:rgba(0,40,70,.25)}
.hero h1{position:relative;margin:0;font-family:Caveat,cursive;font-weight:400;font-size:clamp(3.5rem,11vw,9rem);line-height:.95;letter-spacing:-1.2px;text-shadow:0 2px 20px rgba(0,0,0,.35)}

.contact{background:var(--blue);color:var(--white);padding:3.5rem 1.5rem}
.contact-inner{max-width:60rem;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:2.5rem 4rem}
.contact img{width:8.4375rem;height:auto;flex:none}
.contact address{font-style:normal;font-size:1.125rem;line-height:2rem;margin:0 0 .75rem}
.contact address strong{font-weight:700}
.contact a{display:block;color:var(--white);text-decoration:none;font-family:Roboto,Arial,sans-serif;font-weight:500;font-size:1.125rem;line-height:2rem}
.contact a:hover,.contact a:focus{text-decoration:underline}

@media (max-width:600px){.contact-inner{flex-direction:column;text-align:center}.header img{height:3rem}}

.header a{display:block}
.legal{flex:1 0 auto;width:100%;max-width:60rem;margin:0 auto;padding:3rem 1.5rem 4rem}
.legal h1{font-family:Caveat,cursive;font-weight:400;font-size:clamp(3rem,8vw,5.25rem);line-height:1;letter-spacing:-1.2px;color:var(--blue);margin:0 0 2rem}
.legal h2,.legal h3,.legal h4,.legal h5{font-family:Roboto,Arial,sans-serif;font-weight:500;color:var(--blue-dark);line-height:1.3;margin:2.25rem 0 .75rem}
.legal h2{font-size:1.75rem}.legal h3{font-size:1.375rem}.legal h4{font-size:1.125rem}.legal h5{font-size:1rem}
.legal p,.legal ul{margin:0 0 1.25rem}
.legal a{color:var(--blue-dark);overflow-wrap:anywhere}
.legal strong{font-weight:700}

.footer-bar{background:var(--white);padding:1.25rem 1.5rem;text-align:center;font-family:Roboto,Arial,sans-serif;font-weight:500;font-size:.9375rem;border-top:1px solid #eee}
.footer-bar a{color:var(--blue-dark);text-decoration:none;margin:0 .875rem}
.footer-bar a:hover,.footer-bar a:focus{text-decoration:underline}