@charset "UTF-8";
*,::after,::before { margin:0;  padding:0;  box-sizing:inherit }
body {  box-sizing:border-box;  margin:0;  padding:0;  min-height:100vh }
footer,header,main,menu,nav,section {  display:block }
video {  display:inline-block }
abbr,mark,meter,output,time {  display:inline }
a,address,aside,b,div,em,footer,h1,h2,h3,h4,h5,h6,header,img,legend,li,main,nav,p,picture,section,small,span,strong,ul {  box-sizing:border-box;  border:0;  color:inherit;  background-color:inherit;  margin:0;  padding:0 }
img,picture,svg,video {  display:block;  max-width:100% }
button,input,select,textarea {  font:inherit }
h1,h2,h3,h4,h5,h6,p {  overflow-wrap:break-word }
table {  width:100%;  border-collapse:collapse }
a:focus:not(:focus-visible),button:focus:not(:focus-visible) {  outline-color:transparent }
a:focus-visible,button:focus-visible {  outline:2px dashed lime }
.sr-only {  position:absolute;  width:1px;  height:1px;  padding:0;  margin:-1px;  overflow:hidden;  clip:rect(0,0,0,0);  white-space:nowrap;  border-width:0 }
svg:not(:root) {  overflow:hidden;  padding:1px }
html { font-size:62.5% }

/* COLORZ */
:root {
  /* body background */
  --color-00: #fffaf1;
  /* text */
  --color-01: #DB6700;
  --color-02: #124A68;
  --color-03: #800;
  --color-04: #1F80B5;
  --color-05: #99cccc;
}

/* TYPOGRAPHY */
@font-face {
  font-family: 'Goblin One';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/goblinone/v28/CSR64z1ZnOqZRjRCBVY_fOAKTQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
body {
  background:var(--color-00);
  font-family:Roboto,sans-serif;
  color:#000;
  font-weight:400;
  line-height:1.5;
  vertical-align:baseline;
  -webkit-font-smoothing:antialiased
}
@media screen and (min-width:18.75em) {
  body {
    font-size:1.28rem
  }
}
@media screen and (min-width:48em) {
  body {
    font-size:1.6rem
  }
}
h1 {
  font-family:Roboto,sans-serif;
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing:.1rem;
}
h2 {
  font-family: "Goblin One", serif;
  font-style: normal;
  letter-spacing:-.1rem;
  margin-bottom:.75rem;
  line-height:1.2;
}
h1 {  font-size:2.8rem }
h2 {  font-size:1.7rem }
h3 {  font-size:1.3rem }
.baseline strong {
  font-family: "Goblin One", serif;
  font-style: normal;
  letter-spacing:-.1rem;
  line-height:1.2;
  font-size:2.5rem
}
.baseline em {
  font-weight:700
}
.nav a {
  font-size:1.4rem;
  font-weight:700
}
address {
  font-size:1.4rem;
  line-height:1.4em;
}
.strong {
  font-weight:700
}
main a {
  font-weight:700
}
.legend {
  font-size:1.2rem;
  line-height:1.4rem;
}
 /* LINKS */
a {
  text-decoration:none;
  border-bottom: solid 1px var(--color-05);
}
a:hover,
a:focus-visible {
  color:var(--color-04);
  border-bottom: solid 1px var(--color-02);
}
a:has(> .logo) {
  border:0
}

/* COLORZ */
h1, h3, a {
  color:var(--color-02)
}
h2, .baseline strong {
  color: var(--color-01);
}
.baseline em, .strong {
  color: var(--color-03)
}
@media screen and (min-width:48em) {
  h1 { font-size:3.8rem }
  h2 { font-size:2.2rem }
  h3 { font-size:1.7rem }
  .baseline p strong { font-size:2.8rem }
}

/* PAGE */
.wrapper {
  display:grid;
  grid-template-columns: 1fr;
  margin: 0 auto 3rem auto;
  padding: 0 2em 0 2em;
  width:100%
}
header .wrapper {
  grid-template-columns: 1fr;
  padding-bottom:0;
  margin-bottom:0
}
header .wrapper > a {
  width: auto;
  margin: 0 auto 0 0;
}

@media screen and (min-width:37.5em) {
  .wrapper {
     grid-template-columns: 230px 1fr;
  }
  header .wrapper {
    grid-template-columns: 230px 1fr;
  }
}
@media screen and (min-width: 77.5em) {
  .wrapper {
    width: 1200px;
  }
}
ul {
  margin-left:2rem;
  padding-bottom:.5rem
}

/* HEADER */
.header {
  display:-ms-flexbox;
  display:flex;
  -ms-flex-align:center;
  align-items:center;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  padding: 0 0 0 0
}
.header .baseline {
  display:-ms-flexbox;
  display:flex;
  -ms-flex-align:center;
  align-items:center;
  -ms-flex-wrap:nowrap;
  flex-wrap:nowrap;
  margin: 0 auto 3rem 0;
  -ms-flex-pack:center;
  justify-content: flex-start;
  width: 100%;
}
.header .baseline p {
  display:block;
}
svg.logo {
  fill:var(--color-01);
  width:85%
}

@media screen and (min-width:37.5em) {
  svg.logo {
   width:auto
  }
  .header {
    padding: 1.5rem 0 0 0
  }
}


/* NAV */
.nav ul {
  display:-ms-flexbox;
  display: flex;
  gap: 2em;
  row-gap: 2em;
  -ms-flex-wrap:wrap;
  flex-wrap: wrap;
  row-gap: 0.2em;
}
.nav ul {
  list-style: none;
  margin-left:0
}
.nav li {
  padding-bottom:.5rem
}
.nav li.on a {
  color:var(--color-03);
  border-bottom-color:var(--color-03)
}
.nav li a {
  text-transform:uppercase;
}
address {
    padding-bottom:3rem
  }

@media screen and (min-width:37.5em) {
  .nav ul {
    display:unset
  }
  address {
    padding-top:3rem;
    padding-bottom:0
  }
}

/* MAIN */
.section.split {
  display: grid;
  grid-template-columns: 1fr;
  margin: -1rem 0 0 0;
  gap:4rem;
  row-gap:0;
  justify-content: space-between;
}
@media screen and (min-width:48em) {
  .section.split {
    grid-template-columns: 1fr 1fr;
  }
  .section .title {
    grid-column: span 2;
  }
}
.block {
  padding-top:3.5rem
}
.block:first-child {
  padding-top:2rem;
}
@media screen and (min-width: 77.5em) {
  .section.split {
    grid-template-columns: 1fr 350px;
  }
}

/* EVEN */
.block {
  display:-ms-flexbox;
  display: flex;
  -ms-flex-direction:column;
  flex-direction: column;
}
.block img {
  object-fit: contain;
  object-position: top;
}
.legend {
  margin:0 0 auto 0;
  padding-top:.25rem
}

/* FOOTER */
footer {
  padding: .5em 0;
  background: var(--color-02);
  color:var(--color-00);
}
footer .wrapper {
  margin-bottom:0
}


/* PRINT */
@media print {
  /* All your print styles go here */
  .nav {
    display: none !important;
  }
}