*, *::before, *::after { box-sizing: border-box; }
body { margin: 0; background: #f6f8fa; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 16px; line-height: 1.6; color: #1f2933; }
a { color: #1f5f8b; text-decoration: underline; }
a:hover { color: #164766; }
img { max-width: 100%; height: auto; }
h1, h2, h3, .h1, .h2, .h3 { margin: 0 0 16px; font-weight: 700; line-height: 1.25; color: #102a43; }
h1, .h1 { font-size: 30px; }
h2, .h2 { font-size: 22px; }
h3, .h3 { font-size: 18px; }
p, ul, ol { margin: 0 0 16px; }
ul, ol { padding-left: 24px; }
.wrapper { display: flex; flex-direction: column; min-height: 100vh; }
.site-header { padding: 16px; background: #ffffff; border-bottom: 1px solid #d9e2ec; }
.site-header .site-logo { font-size: 20px; font-weight: 700; color: #1f5f8b; }
.site-footer { margin-top: auto; padding: 16px; font-size: 14px; color: #627d98; text-align: center; }
@media (min-width: 768px) {
  h1, .h1 { font-size: 40px; }
  .site-header { padding: 20px 32px; }
}