:root {
  --white: var(--color);
  --proudies--zwart: #202020;
  --light-grey: #a09a97;
  --proudies--oranje: #ffbb75;
  --proudies--grijs: #726e67;
  --silver: #f4f0ed;
  --dark-grey: #3f3c38;
  --proudies--achtergrond-grijs: #f7f6f5;
  --color-2: white;
  --proudies--room: #fff1e0;
  --yellow: #ffc07f;
  --purple: #83487b;
  --deep-blue: #5e90aa;
  --proudies--diepblauw: #003d72;
  --back-blue: #e7f3ff;
  --proudies--lijn: #d6d3cb;
  --color-3: white;
  --lynx-white: white;
  --spark-library--white: #fff0;
  --walsh-black: #2c2c2c;
  --soft-blue: #c57cbb;
  --faint-blue: #d4e9ff;
  --green: #46af56;
  --yellow-2: #ecdea6;
  --soft-yellow: #fbefbf;
  --waves-library-black: #131313;
  --untitled-ui-gray100: #f2f4f7;
  --lynx-black: #1f2022;
  --lynx-grey: #797c83;
  --lynx-medium-purple: #8979ec;
  --untitled-ui-primary600: #7f56d9;
  --untitled-ui-white: white;
  --untitled-ui-primary700: #6941c6;
  --untitled-ui-primary100: #f4ebff;
  --untitled-ui-gray300: #d0d5dd;
  --untitled-ui-gray700: #344054;
  --untitled-ui-gray50: #f9fafb;
  --untitled-ui-gray800: #0c1d31;
  --untitled-ui-gray900: #101828;
  --untitled-ui-gray600: #475467;
  --untitled-ui-primary50-501: #f9f5ff;
  --untitled-ui-primary300: #d6bbfb;
  --untitled-ui-gray500: #667085;
  --untitled-ui-primary800: #53389e;
  --walsh-walsh-dark-green: #1c7cf9;
  --lynx-deep-pink: #661618;
  --waves-library-white: white;
  --waves-library-background: #faebe3;
  --waves-library-dark-elevation: #ede0d8;
  --4: var(--faint-blue);
  --color: white;
  --walsh-azure: #e7f1f1;
  --spark-library--foreground-secondary: #000000c2;
  --untitled-ui--gray200: #eaecf0;
  --walsh-walsh-mid-green: #47888a;
  --walsh--walsh-light-green: #c2ecd5;
  --spark-library--foreground-tertiary: #0000008f;
  --untitled-ui--warning300: #fec84b;
  --spark-library--background--interactive: #f0ecfd;
  --spark-library--black: black;
  --spark-library--light-steel-purple: #a695fb;
  --spark-library--foreground-interactive: #5532fa;
  --spark-library--foreground-interactive-hover: #1e116e;
  --untitled-ui-primary500: #9e77ed;
  --proudies--creme: #fcf5ee;
  --walsh-light-goldenrod-yellow: #d3f6c1;
  --spark-library--border-default: #00000029;
}

body {
  background-color: var(--white);
  color: var(--proudies--zwart);
  font-family: Poppins, sans-serif;
  font-size: 16px;
  line-height: 20px;
}

h1 {
  margin-top: 0;
  margin-bottom: 24px;
  font-size: 36px;
  font-weight: 600;
  line-height: 1.25em;
}

h2 {
  margin-top: 0;
  margin-bottom: 16px;
  font-size: 30px;
  font-weight: 600;
  line-height: 1.2em;
}

h3 {
  margin-top: 0;
  margin-bottom: 16px;
  font-size: 26px;
  font-weight: 600;
  line-height: 1.4em;
}

h4 {
  margin-top: 0;
  margin-bottom: 12px;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.4em;
}

h5 {
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 12px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.5em;
}

h6 {
  color: var(--light-grey);
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 5px;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.5em;
}

p {
  margin-bottom: 16px;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
}

a {
  color: var(--proudies--oranje);
  text-decoration: none;
  transition: color .2s;
}

ul {
  margin-top: 0;
  margin-bottom: 16px;
  padding-left: 20px;
  font-size: 13px;
}

li {
  opacity: .9;
  margin-bottom: 8px;
  font-size: 16px;
  line-height: 1.4em;
}

img {
  max-width: 100%;
  display: inline-block;
}

label {
  color: var(--proudies--grijs);
  margin-bottom: 6px;
  font-size: 15px;
  font-weight: 400;
  display: block;
}

em {
  letter-spacing: -.5px;
  font-style: italic;
}

blockquote {
  border-left: 5px solid var(--silver);
  color: var(--dark-grey);
  margin-bottom: 16px;
  padding: 10px 20px;
  font-family: Libre Baskerville, sans-serif;
  font-size: 18px;
  line-height: 1.4em;
}

figcaption {
  text-align: center;
  margin-top: 12px;
}

.body-3 {
  background-color: var(--white);
  justify-content: center;
  align-items: flex-end;
  display: block;
  overflow: visible;
}

@media screen and (min-width: 1280px) {
  .body-3 {
    background-color: var(--color);
    overflow: visible;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 36px;
  }

  h2 {
    font-size: 32px;
  }

  h3 {
    font-size: 22px;
  }

  p {
    font-size: 15px;
  }
}

@media screen and (max-width: 479px) {
  body {
    font-size: 14px;
  }

  h1 {
    font-size: 32px;
  }

  h2 {
    font-size: 28px;
  }

  .body-3 {
    box-sizing: border-box;
    clear: none;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    aspect-ratio: auto;
    object-fit: fill;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    display: block;
    overflow: visible;
  }
}