:root {
   --color-default:	#00425b;
   --color-dark:	#454545;
   --color-light:	#888;
   --color-primary:	#20acca;
   --color-secondary:	#c6f5c7;
   --color-href:	#20acca;
   --content-width:	90rem;
   --content-width-narrow: 52rem;
   --gap:	1.5rem;
   --flow: 10vmin;
}

section, article, aside,
figure, figcaption, video, object,
header, footer, hgroup, main, menu, nav,
details, summary {
   display: block;
   padding: 0;
   margin: 0;
}

html *, html *::before, html *::after {
   box-sizing: border-box;
}

html, body {
   background-color: #fff;
   box-sizing: border-box;
}

body {
   font-family: "Helvetica Neue", helvetica, arial, sans-serif;
   font-size: 100%;
   line-height: 1.5;
   color: #00425b;
   margin: 0;
   -moz-osx-font-smoothing: grayscale;
   -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6 {
   font-weight: normal;
   line-height: 1.25;
}

h1, h2, h3, h4, h5, h6,
p, blockquote, q,
ol, ul, dl {
   margin: 0;
   padding: 0;
}

p {
   font-size: 1em;
   margin-top: 0;
   margin-bottom: 1.5rem;
}

hr {
   height: 1px;
   margin: 1.5rem 0;
   border: 0;
   border-top: 1px solid #00425b;
}

address {
   font-size: 1.25rem;
   font-style: normal;
   margin: 1.5rem 0;
}
address p {
   font-size: 1em;
}

blockquote p {
   font-size: 1em;
   margin: 0;
}
blockquote p + p {
   margin-top: 1em;
}

cite {
   font-size: 85%;
   color: #888;
}

abbr[title] {
   cursor: help;
   text-decoration: none;
}

ul, ol {
   font-size: 1em;
   line-height: inherit;
   padding: 0 0 0 1.25rem;
   margin: 1.5rem 0;
}

ul {
   list-style: square;
}

li {
   padding: 0;
   margin: 0;
}

dl {
   font-size: 1em;
}
dl > * {
   padding: 0;
   margin: 0;
}
dl dt {
   font-weight: 600;
}
dl dd:not(:last-child) {
   margin-bottom: 0.5rem;
}

a {
   color: var(--color-primary);
   text-decoration: none;
   transition: opacity 0.35s ease;
}
a:not([class]):hover {
   opacity: 0.8;
}
a.currentColor {
   color: currentColor;
}
a.currentColor:hover {
   opacity: 0.8;
}

button {
   cursor: pointer;
   font: inherit;
   -webkit-font-smoothing: inherit;
   letter-spacing: inherit;
   overflow: visible;
   border: 0;
   background: none;
   -webkit-appearance: none;
   -moz-appearance: none;
}

::-moz-focus-inner {
   padding: 0;
   border: 0;
}

:focus {
   outline: 0;
}

img, svg, object, video {
   vertical-align: bottom;
   height: auto;
   max-width: 100%;
   width: 100%;
   border: 0;
}

figure {
   margin: 0;
}

figcaption {
   padding: 0;
   margin: 0;
}

form, fieldset {
   padding: 0;
   margin: 0;
   border: 0;
}

button,
input,
optgroup,
select,
textarea {
   font-family: inherit;
   font-size: 100%;
   line-height: inherit;
   margin: 0;
}

textarea {
   resize: vertical;
}

table {
   width: 100%;
   border-collapse: collapse;
}
table label {
   margin: 0;
}
table th, table td {
   text-align: left;
   padding: 1rem 0.5rem;
}
table th {
   font-size: 0.875rem;
   font-weight: normal;
   text-transform: uppercase;
   color: #888;
   padding-top: 0;
}
table td {
   border-top: 1px solid #00425b;
}

.inner {
   max-width: 90rem;
   margin: 0 auto;
}

form {
   text-align: left;
   margin: 0;
   padding: 0;
}

label {
   display: block;
   margin-bottom: 0.35rem;
}
label em {
   font-style: normal;
}

input, select, textarea {
   -webkit-appearance: none;
   appearance: none;
   display: block;
   font-family: "Helvetica Neue", helvetica, arial, sans-serif;
   font-size: 1rem;
   line-height: 1.5;
   padding: 0.5rem 0.75rem;
   color: var(--input-color);
   width: 100%;
   border-radius: 6px;
   border: 1px solid var(--input-border-color);
   background-color: transparent;
   transition: background 0.35s ease, border 0.35s ease;
}
input:focus, select:focus, textarea:focus {
   background-color: rgba(0, 0, 0, 0.1);
}

select {
   background-image: linear-gradient(45deg, transparent 50%, var(--angle-color) 50%), linear-gradient(135deg, var(--angle-color) 50%, transparent 50%);
   background-position: calc(100% - 17px) calc(1em + 0px), calc(100% - 12px) calc(1em + 0px);
   background-size: 5px 5px, 5px 5px;
   background-repeat: no-repeat;
}
select:-moz-focusring {
   color: transparent;
   text-shadow: 0 0 0 #000;
}

textarea {
   padding: 1.5rem;
   min-height: 10rem;
   resize: vertical;
}

body {
   height: 100%;
   scroll-behavior: auto;
}

.site__content {
   overflow: hidden;
}

.logo {
   display: inline-block;
   z-index: 10;
   max-width: 140px;
}
@media screen and (min-width: 65rem) {
   .logo {
      max-width: 180px;
   }
}

h1, h2, h3 {
   line-height: 1.35;
   margin: 0;
}

h1 {
   font-size: clamp(2.5rem, 5vw, 4.5rem);
   font-weight: 500;
   line-height: 1.125;
}

h2 {
   font-size: clamp(1.35rem, 5vw, 1.75rem);
   font-weight: 400;
}

p {
   font-size: 1.25rem;
}
p:not(:first-child) {
   margin-top: 1.5rem;
}

strong {
   font-weight: 500;
}

.title {
   text-transform: uppercase;
   -webkit-hyphens: auto;
           hyphens: auto;
}
.title span {
   display: block;
}

body {
   padding: 1.5rem;
   min-height: 100vh;
   background-position: center;
   background-size: cover;
   background-repeat: no-repeat;
}

.banner {
   display: flex;
   align-items: flex-end;
   color: #fff;
   padding: 5vmin 0 0;
   margin-top: 1.5rem;
   min-height: calc(100vh - 198px);
}
@media screen and (min-width: 65rem) {
   .banner {
      padding: 10vmin 0;
   }
}

.banner__entry {
   display: flex;
   margin: 0 auto;
   align-items: flex-end;
   max-width: 90rem;
}
.banner__entry > * {
   flex: 1;
}

.banner__entry__image {
   display: none;
}
@media screen and (min-width: 65rem) {
   .banner__entry__image {
      display: block;
   }
}

.button {
   display: inline-block;
   text-transform: uppercase;
   font-size: 1.25rem;
   font-weight: 600;
   line-height: 1.25;
   color: #222;
   margin-top: 1.5rem;
   padding: 0.875rem 1.25rem;
   border-radius: 6px;
   background: #FDC200;
   transition: 0.5s ease;
   box-shadow: 0 0 24px rgba(255, 255, 255, 0.25);
}
.button:hover {
   color: #fff;
   background: #111;
}

.splash__icons {
   margin: 5% 0;
   max-width: 400px;
}
/*# sourceMappingURL=app.css.map */