img, iframe {max-width: 100%; height: auto} html,body{-webkit-text-size-adjust:100%;text-size-adjust:100%} :root { --main-bg: #fff; --light: #fafafa; --light-comp: #4d4d4d; --dark: #333; --dark-comp: #fff; --primary: #17406d; --primary-comp: #fff; --secondary: #475a7d; --secondary-comp: #fff; --secondary-accent: #708fc6 }html { --14px: 0.875rem; --15px: 0.9375rem; --16px: 1rem; --17px: 1.0625rem; --18px: 1.125rem; --19px: 1.1875rem; --20px: 1.25rem; --21px: 1.3125rem; --22px:1.375rem; --24px: 1.5rem; --30px: 1.875rem; --36px:2.25rem; --48px:3rem } .jump { text-decoration-line: underline; text-decoration-color: var(--accent); text-underline-offset: 4px; position: absolute; background: #fff; left: 150px; top: -6px; padding: 10px; border-width: 2px; border-color: var(--light-30); border-style: none solid solid; transform: translateY(-100%) }.jump:focus { transform: translateY(0%); outline-offset: 0 } a[target="_blank"] { position: relative }a[target="_blank"] i { padding: 4px; border: 1px solid black; color: #000; background-color: #fff; text-decoration: none; position: absolute; left: 0; top: -35px; z-index: 999; width: 140px; display: none; font-size: 12px; font-style: normal; font-weight: 400; font-family: sans-serif; text-align: center !important; text-transform: none; letter-spacing: 0; }a[target="_blank"]:is(:hover, :focus) i { display: block } *:focus-visible { outline-style: solid; outline-width: 2px; outline-color: #000; outline-offset: 4px; border-radius: 3px; transition: all .3s linear .01s; }:is(nav a, .hero h1):focus-visible { outline-color: #fff } * { scroll-behavior: smooth; box-sizing: border-box }button { border: none; background: none; padding: 0 }button:hover { cursor: pointer }.bgimg { position: relative }.bgimg > img:first-of-type { position: absolute; width: 100%; height: 100%; inset: 0; object-fit: cover; z-index: 0 }body, button { font-family: Arial, Helvetica, sans-serif; font-size: var(--16px) }body { line-height: 1.6; text-align: center; }body, .row2 h3, footer a, .row2 .grid p, .row3 .grid p { color: var(--light-comp, #4d4d4d); }body, header ul, .hero h1, .hero p, .row1 h2, .row1 h3 { padding: 0; margin: 0; }h1, h2, h3, h4, h5, h6 { color: var(--primary, #448ccb); line-height: 1.4; }h1 { color: var(--dark, #333); }img, iframe { max-width: 100%; height: auto; display: block; margin: 0 auto }iframe { display: block; aspect-ratio: auto 16 / 9; width: 100%; margin: 1em auto; }a img, iframe { border: none; }a { text-underline-offset: 4px; }a, .row2 h3 { transition: ease-in-out 0.3s; }a, :is(#logo, .row2 a,footer a):hover { text-decoration: none; }a, .row2 a:hover h3, footer a:hover { color: var(--secondary, #f47621); }:is(main, nav) a:hover, :is(main, nav) a:focus-visible { text-decoration-line: underline; text-decoration-color: var(--secondary-accent); }hr { border-width: 1px; border-color: var(--secondary-accent, #e7e7e7); border-style: none none solid; margin: 40px 0; }.nowrap, a[href^='tel'] { white-space: nowrap; }sup { line-height: 0; }.hero h1, .hero p, .row1 h2, .row1 p, .row2 h2, .row2 p, .row3 h2, .row3 h3, .row3 p, .row4 h2, .row4 p { text-align: center; }.wrap { display: block; max-width: 1080px; margin: 0 auto; position: relative; }.bg-dark, .bg-primary { color: var(--dark-comp, #fff); }.bg-dark { background-color: var(--dark, #333); }.bg-primary { background-color: var(--primary, #448ccb); }.bg-light { background-color: var(--light, #fafafa); color: var(--dark, #333); }.mid { align-items: center; align-self: center; }.grid { display: grid; grid-gap: 10px 40px; }.grid.half { grid-template-columns: repeat(2, 1fr); } header, .hero { position: relative; }header > .wrap { padding: 10px; }nav { padding: 1px 0; border-color: var(--primary); border-style: solid none; border-width: 1px }nav li { display: inline-block; margin: 0 20px; }nav a, .hero h1, .hero p { color: var(--dark-comp, #fff); }nav a { text-align: center; display: block; margin: 5px; padding: 5px } .hero { position: relative; height: 600px; border-bottom: 20px solid var(--primary, #448ccb); }.hero:before { content: ''; width: 100%; height: 100%; background-color: rgba(51, 51, 51, 0.6); position: absolute; inset: 0; z-index: 1 }.hero > .wrap { top: 50%; transform: translateY(-50%); z-index: 2; padding: 15px 10px; width: 100%; max-width: 600px; backdrop-filter: blur(1px); border-radius: 15px; }.hero :is(h1, p) { text-shadow: 0 0 1px rgba(0,0,0,.5),0 0 1px rgba(0,0,0,.5),0 0 1px rgba(0,0,0,.5),2px 2px 3px rgba(0,0,0,.3); max-width: 750px; margin: 0 auto; }.hero h1 { font-size: var(--36px); }.hero p { font-size: var(--22px); margin: 40px auto; margin-bottom: 0; font-weight: bold } .row1 .wrap, .row2 .wrap, .row3 .wrap { padding: 40px 10px; }:is(.row2, .row3) .grid { grid-gap: 20px clamp(20px, 3vw, 40px); margin: 40px 0; }.row2.bg-light { border-color: var(--light); border-style: solid none; border-width: 1px }.row4.bg-light { border-color: var(--light); border-style: solid none none; border-width: 1px }.row2 .grid > a { background-color: var(--dark-comp, #fff); }.row2 .grid p, .row3 .grid p { text-align: left; padding-bottom: 20px; }.row3 .grid > div { background-color: #eee; }.row3 .grid > div { padding: 20px 40px 5px; }.row3 svg { float: right; vertical-align: middle; }.row3 h3 { margin: 0; color: var(--light-comp) }.row3 p { margin-top: 0 }.row4 { padding: 20px clamp(10px, 2vw, 20px); } footer .wrap { padding: 20px 10px; }footer button:is(:hover,:focus) { text-decoration: underline; text-underline-offset: 4px }footer { border-top: 10px solid var(--primary, #448ccb); }footer .grid { grid-template-columns: 1fr 150px }footer p { text-align: left }.ccpaNotice { text-align: center !important; } main { padding: 40px 10px 50px; }main h1, main h2, .row2 h3 { font-size: var(--30px); }main h3 { font-size: var(--20px); }main h4, p, li, footer button { font-size: var(--18px); }main ul, main ol { padding-left: 25px; text-align: left }main li, footer li { margin: 5px 0; }footer ul { list-style: none; padding-left: 0; } header .wrap {padding: 30px 0;}header #logo { display: grid; grid-template-columns: 1fr 400px; align-items: center; color: var(--primary); }nav a { color: var(--light); }.companyname { font-family: Georgia, 'Times New Roman', Times, serif; font-size: 42px; display: block; letter-spacing: 5px; margin-bottom: 0; padding-bottom: 0; font-weight: bold; line-height: 1.2; text-align: left; }.tagline { font-weight: normal; font-size: 22px; text-align: center; display: block; }.companyname span { border-bottom: 2px solid #eee; }.row2 .grid img { height: 200px; width: 200px; border-radius: 150px; float: right; margin: 10px 0 0 10px; border: 1px solid #ddd }.row2 h3 { font-weight: bold; margin-bottom: 0; padding-bottom: 0; font-size: var(--18px); text-align: left }.row2 h3 span { display: block }.osa img { max-width: 500px; width: 100% } @media(prefers-reduced-motion:reduce) { * { transition: all 0s !important; scroll-behavior: unset; animation: none }} @media(max-width:47.99rem) { header #logo, .grid.half:not(.stay) { grid-template-columns: 1fr } .row2 .grid img { float: none; margin: 10px auto; width: 250px; height: 250px } .row2 h3, .row2 .grid p { text-align: center } .row2 .grid p { max-width: 600px; margin: 1em auto }.companyname { text-align: center;}} @media(max-width:31.25rem) { .grid.half.stay, footer .grid { grid-template-columns: 1fr } footer p { text-align: center }} @media(max-width:25rem) { nav li { margin: 0 10px }}