* { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body { font-family: 'Mulish', sans-serif; color: #243137; background: #ffffff; -webkit-font-smoothing: antialiased; }
h1,h2,h3,h4,h5,h6 { font-family: 'Archivo', sans-serif; }
img { max-width: 100%; display: block; }
a { text-decoration: none; color: inherit; }
button, input, select, textarea { font: inherit; }
[id] { scroll-margin-top: 120px; }
.h1:hover{color:#E89A1C !important}
.h2:hover{background:#F4AE3E !important}
.h3:hover{border-color:#E89A1C !important; color:#E89A1C !important}
.h4:hover{box-shadow:0 12px 26px rgba(19,51,63,.12) !important; transform:translateY(-3px) !important; border-color:#E89A1C !important}
.h5:hover{background:#1c4a5a !important}
.h6:hover{background:#1B4476 !important; color:#fff !important}
.h7:hover{background:#23538A !important}
.h8:focus{border-color:#E89A1C !important}
.h9:hover{background:#E89A1C !important; color:#1B4476 !important}
.h10:hover{box-shadow:0 14px 30px rgba(27,68,118,.16) !important; transform:translateY(-4px) !important}
.h11:hover{color:#F4AE3E !important}

@media (max-width: 900px) {
  [style*="grid-template-columns"] { grid-template-columns: 1fr !important; }
  [style*="grid-column"] { grid-column: auto !important; }
  h1 { font-size: 32px !important; }
  h2 { font-size: 26px !important; }
  section { padding-left: 18px !important; padding-right: 18px !important; }
  article { padding: 28px 20px !important; }
  header img { height: 64px !important; }
}
@media (min-width: 600px) and (max-width: 900px) {
  [style*="repeat("] { grid-template-columns: repeat(2, minmax(0,1fr)) !important; }
}