/* CSS Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after {
  content: "";
  content: none;
}

q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* CSS Reset Einde */
body {
  font-family: "Exo", sans-serif;
  font-size: 16px;
  line-height: 24px;
  background: #004225;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

h1 {
  font-family: "Exo", sans-serif;
  font-weight: bold;
  /* Mobile first */
  font-size: 30px;
  line-height: 43px;
  margin-bottom: 24px;
  color: #004225;
}
@media (min-width: 1200px) {
  h1 {
    font-size: 40px;
    line-height: 53px;
  }
}

p {
  margin-bottom: 24px;
}

.alert__banner {
  display: block;
  height: 40px;
  line-height: 40px;
  text-align: center;
  width: 100%;
  background: #007D46;
  color: #ffffff;
}
.alert__banner .wrapper {
  max-width: 800px;
  width: 100%;
  margin: 0 auto;
  text-align: center;
}

.modal {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  max-width: 800px;
  width: 90%;
  min-height: 520px;
  background: #ffffff;
  /* Box Shadow Generator: https://shadows.brumm.af */
  box-shadow: 0 1.2px 2.7px rgba(0, 0, 0, 0.04), 0 3.1px 6.9px rgba(0, 0, 0, 0.058), 0 6.4px 14.2px rgba(0, 0, 0, 0.072), 0 13.1px 29.2px rgba(0, 0, 0, 0.09), 0 36px 80px rgba(0, 0, 0, 0.13);
  border-radius: 5px;
  overflow: hidden;
}
.modal .modal__header img {
  max-width: 100%;
}
.modal .modal__content {
  padding: 25px;
}
@media (min-width: 1200px) {
  .modal .modal__content {
    padding: 25px 50px;
  }
}
.modal .modal__cta img {
  max-width: 120px;
  border-radius: 5px;
  box-shadow: 0px 100px 80px rgba(0, 0, 0, 0.07), 0px 41.7776px 33.4221px rgba(0, 0, 0, 0.0503198), 0px 22.3363px 17.869px rgba(0, 0, 0, 0.0417275), 0px 12.5216px 10.0172px rgba(0, 0, 0, 0.035), 0px 6.6501px 5.32008px rgba(0, 0, 0, 0.0282725), 0px 2.76726px 2.21381px rgba(0, 0, 0, 0.0196802);
}

#lightboxOverlay {
  position: fixed !important;
  top: 0;
  left: 0;
  height: 100% !important;
  width: 100% !important;
}

#lightbox {
  position: fixed !important;
  top: 50% !important;
  transform: translateY(-50%);
}

/*# sourceMappingURL=style.css.map */