html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  font-family: sans-serif;
}

body {
  margin: 0;
}

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

audio, canvas, progress, video {
  vertical-align: baseline;
  display: inline-block;
}

audio:not([controls]) {
  height: 0;
  display: none;
}

[hidden], template {
  display: none;
}

a {
  background-color: #0000;
}

a:active, a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b, strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  margin: .67em 0;
  font-size: 2em;
}

mark {
  color: #000;
  background: #ff0;
}

small {
  font-size: 80%;
}

sub, sup {
  vertical-align: baseline;
  font-size: 75%;
  line-height: 0;
  position: relative;
}

sup {
  top: -.5em;
}

sub {
  bottom: -.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

hr {
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code, kbd, pre, samp {
  font-family: monospace;
  font-size: 1em;
}

button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button, select {
  text-transform: none;
}

button, html input[type="button"], input[type="reset"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled], html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"] {
  -webkit-appearance: none;
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

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

td, th {
  padding: 0;
}

@font-face {
  font-family: webflow-icons;
  src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format("truetype");
  font-weight: normal;
  font-style: normal;
}

[class^="w-icon-"], [class*=" w-icon-"] {
  speak: none;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  font-family: webflow-icons !important;
}

.w-icon-slider-right:before {
  content: "";
}

.w-icon-slider-left:before {
  content: "";
}

.w-icon-nav-menu:before {
  content: "";
}

.w-icon-arrow-down:before, .w-icon-dropdown-toggle:before {
  content: "";
}

.w-icon-file-upload-remove:before {
  content: "";
}

.w-icon-file-upload-icon:before {
  content: "";
}

* {
  box-sizing: border-box;
}

html {
  height: 100%;
}

body {
  color: #333;
  background-color: #fff;
  min-height: 100%;
  margin: 0;
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

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

html.w-mod-touch * {
  background-attachment: scroll !important;
}

.w-block {
  display: block;
}

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

.w-clearfix:before, .w-clearfix:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-clearfix:after {
  clear: both;
}

.w-hidden {
  display: none;
}

.w-button {
  color: #fff;
  line-height: inherit;
  cursor: pointer;
  background-color: #3898ec;
  border: 0;
  border-radius: 0;
  padding: 9px 15px;
  text-decoration: none;
  display: inline-block;
}

input.w-button {
  -webkit-appearance: button;
}

html[data-w-dynpage] [data-w-cloak] {
  color: #0000 !important;
}

.w-code-block {
  margin: unset;
}

pre.w-code-block code {
  all: inherit;
}

.w-optimization {
  display: contents;
}

.w-webflow-badge, .w-webflow-badge > img {
  box-sizing: unset;
  width: unset;
  height: unset;
  max-height: unset;
  max-width: unset;
  min-height: unset;
  min-width: unset;
  margin: unset;
  padding: unset;
  float: unset;
  clear: unset;
  border: unset;
  border-radius: unset;
  background: unset;
  background-image: unset;
  background-position: unset;
  background-size: unset;
  background-repeat: unset;
  background-origin: unset;
  background-clip: unset;
  background-attachment: unset;
  background-color: unset;
  box-shadow: unset;
  transform: unset;
  direction: unset;
  font-family: unset;
  font-weight: unset;
  color: unset;
  font-size: unset;
  line-height: unset;
  font-style: unset;
  font-variant: unset;
  text-align: unset;
  letter-spacing: unset;
  -webkit-text-decoration: unset;
  text-decoration: unset;
  text-indent: unset;
  text-transform: unset;
  list-style-type: unset;
  text-shadow: unset;
  vertical-align: unset;
  cursor: unset;
  white-space: unset;
  word-break: unset;
  word-spacing: unset;
  word-wrap: unset;
  transition: unset;
}

.w-webflow-badge {
  white-space: nowrap;
  cursor: pointer;
  box-shadow: 0 0 0 1px #0000001a, 0 1px 3px #0000001a;
  visibility: visible !important;
  opacity: 1 !important;
  z-index: 2147483647 !important;
  color: #aaadb0 !important;
  overflow: unset !important;
  background-color: #fff !important;
  border-radius: 3px !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 6px !important;
  font-size: 12px !important;
  line-height: 14px !important;
  text-decoration: none !important;
  display: inline-block !important;
  position: fixed !important;
  inset: auto 12px 12px auto !important;
  transform: none !important;
}

.w-webflow-badge > img {
  position: unset;
  visibility: unset !important;
  opacity: 1 !important;
  vertical-align: middle !important;
  display: inline-block !important;
}

h1, h2, h3, h4, h5, h6 {
  margin-bottom: 10px;
  font-weight: bold;
}

h1 {
  margin-top: 20px;
  font-size: 38px;
  line-height: 44px;
}

h2 {
  margin-top: 20px;
  font-size: 32px;
  line-height: 36px;
}

h3 {
  margin-top: 20px;
  font-size: 24px;
  line-height: 30px;
}

h4 {
  margin-top: 10px;
  font-size: 18px;
  line-height: 24px;
}

h5 {
  margin-top: 10px;
  font-size: 14px;
  line-height: 20px;
}

h6 {
  margin-top: 10px;
  font-size: 12px;
  line-height: 18px;
}

p {
  margin-top: 0;
  margin-bottom: 10px;
}

blockquote {
  border-left: 5px solid #e2e2e2;
  margin: 0 0 10px;
  padding: 10px 20px;
  font-size: 18px;
  line-height: 22px;
}

figure {
  margin: 0 0 10px;
}

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

ul, ol {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
}

.w-list-unstyled {
  padding-left: 0;
  list-style: none;
}

.w-embed:before, .w-embed:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-embed:after {
  clear: both;
}

.w-video {
  width: 100%;
  padding: 0;
  position: relative;
}

.w-video iframe, .w-video object, .w-video embed {
  border: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

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

button, [type="button"], [type="reset"] {
  cursor: pointer;
  -webkit-appearance: button;
  border: 0;
}

.w-form {
  margin: 0 0 15px;
}

.w-form-done {
  text-align: center;
  background-color: #ddd;
  padding: 20px;
  display: none;
}

.w-form-fail {
  background-color: #ffdede;
  margin-top: 10px;
  padding: 10px;
  display: none;
}

label {
  margin-bottom: 5px;
  font-weight: bold;
  display: block;
}

.w-input, .w-select {
  color: #333;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #ccc;
  width: 100%;
  height: 38px;
  margin-bottom: 10px;
  padding: 8px 12px;
  font-size: 14px;
  line-height: 1.42857;
  display: block;
}

.w-input::placeholder, .w-select::placeholder {
  color: #999;
}

.w-input:focus, .w-select:focus {
  border-color: #3898ec;
  outline: 0;
}

.w-input[disabled], .w-select[disabled], .w-input[readonly], .w-select[readonly], fieldset[disabled] .w-input, fieldset[disabled] .w-select {
  cursor: not-allowed;
}

.w-input[disabled]:not(.w-input-disabled), .w-select[disabled]:not(.w-input-disabled), .w-input[readonly], .w-select[readonly], fieldset[disabled]:not(.w-input-disabled) .w-input, fieldset[disabled]:not(.w-input-disabled) .w-select {
  background-color: #eee;
}

textarea.w-input, textarea.w-select {
  height: auto;
}

.w-select {
  background-color: #f3f3f3;
}

.w-select[multiple] {
  height: auto;
}

.w-form-label {
  cursor: pointer;
  margin-bottom: 0;
  font-weight: normal;
  display: inline-block;
}

.w-radio {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-radio:before, .w-radio:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-radio:after {
  clear: both;
}

.w-radio-input {
  float: left;
  margin: 3px 0 0 -20px;
  line-height: normal;
}

.w-file-upload {
  margin-bottom: 10px;
  display: block;
}

.w-file-upload-input {
  opacity: 0;
  z-index: -100;
  width: .1px;
  height: .1px;
  position: absolute;
  overflow: hidden;
}

.w-file-upload-default, .w-file-upload-uploading, .w-file-upload-success {
  color: #333;
  display: inline-block;
}

.w-file-upload-error {
  margin-top: 10px;
  display: block;
}

.w-file-upload-default.w-hidden, .w-file-upload-uploading.w-hidden, .w-file-upload-error.w-hidden, .w-file-upload-success.w-hidden {
  display: none;
}

.w-file-upload-uploading-btn {
  cursor: pointer;
  background-color: #fafafa;
  border: 1px solid #ccc;
  margin: 0;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: normal;
  display: flex;
}

.w-file-upload-file {
  background-color: #fafafa;
  border: 1px solid #ccc;
  flex-grow: 1;
  justify-content: space-between;
  margin: 0;
  padding: 8px 9px 8px 11px;
  display: flex;
}

.w-file-upload-file-name {
  font-size: 14px;
  font-weight: normal;
  display: block;
}

.w-file-remove-link {
  cursor: pointer;
  width: auto;
  height: auto;
  margin-top: 3px;
  margin-left: 10px;
  padding: 3px;
  display: block;
}

.w-icon-file-upload-remove {
  margin: auto;
  font-size: 10px;
}

.w-file-upload-error-msg {
  color: #ea384c;
  padding: 2px 0;
  display: inline-block;
}

.w-file-upload-info {
  padding: 0 12px;
  line-height: 38px;
  display: inline-block;
}

.w-file-upload-label {
  cursor: pointer;
  background-color: #fafafa;
  border: 1px solid #ccc;
  margin: 0;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: normal;
  display: inline-block;
}

.w-icon-file-upload-icon, .w-icon-file-upload-uploading {
  width: 20px;
  margin-right: 8px;
  display: inline-block;
}

.w-icon-file-upload-uploading {
  height: 20px;
}

.w-container {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.w-container:before, .w-container:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-container:after {
  clear: both;
}

.w-container .w-row {
  margin-left: -10px;
  margin-right: -10px;
}

.w-row:before, .w-row:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-row:after {
  clear: both;
}

.w-row .w-row {
  margin-left: 0;
  margin-right: 0;
}

.w-col {
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
}

.w-col .w-col {
  padding-left: 0;
  padding-right: 0;
}

.w-col-1 {
  width: 8.33333%;
}

.w-col-2 {
  width: 16.6667%;
}

.w-col-3 {
  width: 25%;
}

.w-col-4 {
  width: 33.3333%;
}

.w-col-5 {
  width: 41.6667%;
}

.w-col-6 {
  width: 50%;
}

.w-col-7 {
  width: 58.3333%;
}

.w-col-8 {
  width: 66.6667%;
}

.w-col-9 {
  width: 75%;
}

.w-col-10 {
  width: 83.3333%;
}

.w-col-11 {
  width: 91.6667%;
}

.w-col-12 {
  width: 100%;
}

.w-hidden-main {
  display: none !important;
}

@media screen and (max-width: 991px) {
  .w-container {
    max-width: 728px;
  }

  .w-hidden-main {
    display: inherit !important;
  }

  .w-hidden-medium {
    display: none !important;
  }

  .w-col-medium-1 {
    width: 8.33333%;
  }

  .w-col-medium-2 {
    width: 16.6667%;
  }

  .w-col-medium-3 {
    width: 25%;
  }

  .w-col-medium-4 {
    width: 33.3333%;
  }

  .w-col-medium-5 {
    width: 41.6667%;
  }

  .w-col-medium-6 {
    width: 50%;
  }

  .w-col-medium-7 {
    width: 58.3333%;
  }

  .w-col-medium-8 {
    width: 66.6667%;
  }

  .w-col-medium-9 {
    width: 75%;
  }

  .w-col-medium-10 {
    width: 83.3333%;
  }

  .w-col-medium-11 {
    width: 91.6667%;
  }

  .w-col-medium-12 {
    width: 100%;
  }

  .w-col-stack {
    width: 100%;
    left: auto;
    right: auto;
  }
}

@media screen and (max-width: 767px) {
  .w-hidden-main, .w-hidden-medium {
    display: inherit !important;
  }

  .w-hidden-small {
    display: none !important;
  }

  .w-row, .w-container .w-row {
    margin-left: 0;
    margin-right: 0;
  }

  .w-col {
    width: 100%;
    left: auto;
    right: auto;
  }

  .w-col-small-1 {
    width: 8.33333%;
  }

  .w-col-small-2 {
    width: 16.6667%;
  }

  .w-col-small-3 {
    width: 25%;
  }

  .w-col-small-4 {
    width: 33.3333%;
  }

  .w-col-small-5 {
    width: 41.6667%;
  }

  .w-col-small-6 {
    width: 50%;
  }

  .w-col-small-7 {
    width: 58.3333%;
  }

  .w-col-small-8 {
    width: 66.6667%;
  }

  .w-col-small-9 {
    width: 75%;
  }

  .w-col-small-10 {
    width: 83.3333%;
  }

  .w-col-small-11 {
    width: 91.6667%;
  }

  .w-col-small-12 {
    width: 100%;
  }
}

@media screen and (max-width: 479px) {
  .w-container {
    max-width: none;
  }

  .w-hidden-main, .w-hidden-medium, .w-hidden-small {
    display: inherit !important;
  }

  .w-hidden-tiny {
    display: none !important;
  }

  .w-col {
    width: 100%;
  }

  .w-col-tiny-1 {
    width: 8.33333%;
  }

  .w-col-tiny-2 {
    width: 16.6667%;
  }

  .w-col-tiny-3 {
    width: 25%;
  }

  .w-col-tiny-4 {
    width: 33.3333%;
  }

  .w-col-tiny-5 {
    width: 41.6667%;
  }

  .w-col-tiny-6 {
    width: 50%;
  }

  .w-col-tiny-7 {
    width: 58.3333%;
  }

  .w-col-tiny-8 {
    width: 66.6667%;
  }

  .w-col-tiny-9 {
    width: 75%;
  }

  .w-col-tiny-10 {
    width: 83.3333%;
  }

  .w-col-tiny-11 {
    width: 91.6667%;
  }

  .w-col-tiny-12 {
    width: 100%;
  }
}

.w-widget {
  position: relative;
}

.w-widget-map {
  width: 100%;
  height: 400px;
}

.w-widget-map label {
  width: auto;
  display: inline;
}

.w-widget-map img {
  max-width: inherit;
}

.w-widget-map .gm-style-iw {
  text-align: center;
}

.w-widget-map .gm-style-iw > button {
  display: none !important;
}

.w-widget-twitter {
  overflow: hidden;
}

.w-widget-twitter-count-shim {
  vertical-align: top;
  text-align: center;
  background: #fff;
  border: 1px solid #758696;
  border-radius: 3px;
  width: 28px;
  height: 20px;
  display: inline-block;
  position: relative;
}

.w-widget-twitter-count-shim * {
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
}

.w-widget-twitter-count-shim .w-widget-twitter-count-inner {
  text-align: center;
  color: #999;
  font-family: serif;
  font-size: 15px;
  line-height: 12px;
  position: relative;
}

.w-widget-twitter-count-shim .w-widget-twitter-count-clear {
  display: block;
  position: relative;
}

.w-widget-twitter-count-shim.w--large {
  width: 36px;
  height: 28px;
}

.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner {
  font-size: 18px;
  line-height: 18px;
}

.w-widget-twitter-count-shim:not(.w--vertical) {
  margin-left: 5px;
  margin-right: 8px;
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large {
  margin-left: 6px;
}

.w-widget-twitter-count-shim:not(.w--vertical):before, .w-widget-twitter-count-shim:not(.w--vertical):after {
  content: " ";
  pointer-events: none;
  border: solid #0000;
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  left: 0;
}

.w-widget-twitter-count-shim:not(.w--vertical):before {
  border-width: 4px;
  border-color: #75869600 #5d6c7b #75869600 #75869600;
  margin-top: -4px;
  margin-left: -9px;
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large:before {
  border-width: 5px;
  margin-top: -5px;
  margin-left: -10px;
}

.w-widget-twitter-count-shim:not(.w--vertical):after {
  border-width: 4px;
  border-color: #fff0 #fff #fff0 #fff0;
  margin-top: -4px;
  margin-left: -8px;
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large:after {
  border-width: 5px;
  margin-top: -5px;
  margin-left: -9px;
}

.w-widget-twitter-count-shim.w--vertical {
  width: 61px;
  height: 33px;
  margin-bottom: 8px;
}

.w-widget-twitter-count-shim.w--vertical:before, .w-widget-twitter-count-shim.w--vertical:after {
  content: " ";
  pointer-events: none;
  border: solid #0000;
  width: 0;
  height: 0;
  position: absolute;
  top: 100%;
  left: 50%;
}

.w-widget-twitter-count-shim.w--vertical:before {
  border-width: 5px;
  border-color: #5d6c7b #75869600 #75869600;
  margin-left: -5px;
}

.w-widget-twitter-count-shim.w--vertical:after {
  border-width: 4px;
  border-color: #fff #fff0 #fff0;
  margin-left: -4px;
}

.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner {
  font-size: 18px;
  line-height: 22px;
}

.w-widget-twitter-count-shim.w--vertical.w--large {
  width: 76px;
}

.w-background-video {
  color: #fff;
  height: 500px;
  position: relative;
  overflow: hidden;
}

.w-background-video > video {
  object-fit: cover;
  z-index: -100;
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
  margin: auto;
  position: absolute;
  inset: -100%;
}

.w-background-video > video::-webkit-media-controls-start-playback-button {
  -webkit-appearance: none;
  display: none !important;
}

.w-background-video--control {
  background-color: #0000;
  padding: 0;
  position: absolute;
  bottom: 1em;
  right: 1em;
}

.w-background-video--control > [hidden] {
  display: none !important;
}

.w-slider {
  text-align: center;
  clear: both;
  -webkit-tap-highlight-color: #0000;
  tap-highlight-color: #0000;
  background: #ddd;
  height: 300px;
  position: relative;
}

.w-slider-mask {
  z-index: 1;
  white-space: nowrap;
  height: 100%;
  display: block;
  position: relative;
  left: 0;
  right: 0;
  overflow: hidden;
}

.w-slide {
  vertical-align: top;
  white-space: normal;
  text-align: left;
  width: 100%;
  height: 100%;
  display: inline-block;
  position: relative;
}

.w-slider-nav {
  z-index: 2;
  text-align: center;
  -webkit-tap-highlight-color: #0000;
  tap-highlight-color: #0000;
  height: 40px;
  margin: auto;
  padding-top: 10px;
  position: absolute;
  inset: auto 0 0;
}

.w-slider-nav.w-round > div {
  border-radius: 100%;
}

.w-slider-nav.w-num > div {
  font-size: inherit;
  line-height: inherit;
  width: auto;
  height: auto;
  padding: .2em .5em;
}

.w-slider-nav.w-shadow > div {
  box-shadow: 0 0 3px #3336;
}

.w-slider-nav-invert {
  color: #fff;
}

.w-slider-nav-invert > div {
  background-color: #2226;
}

.w-slider-nav-invert > div.w-active {
  background-color: #222;
}

.w-slider-dot {
  cursor: pointer;
  background-color: #fff6;
  width: 1em;
  height: 1em;
  margin: 0 3px .5em;
  transition: background-color .1s, color .1s;
  display: inline-block;
  position: relative;
}

.w-slider-dot.w-active {
  background-color: #fff;
}

.w-slider-dot:focus {
  outline: none;
  box-shadow: 0 0 0 2px #fff;
}

.w-slider-dot:focus.w-active {
  box-shadow: none;
}

.w-slider-arrow-left, .w-slider-arrow-right {
  cursor: pointer;
  color: #fff;
  -webkit-tap-highlight-color: #0000;
  tap-highlight-color: #0000;
  -webkit-user-select: none;
  user-select: none;
  width: 80px;
  margin: auto;
  font-size: 40px;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.w-slider-arrow-left [class^="w-icon-"], .w-slider-arrow-right [class^="w-icon-"], .w-slider-arrow-left [class*=" w-icon-"], .w-slider-arrow-right [class*=" w-icon-"] {
  position: absolute;
}

.w-slider-arrow-left:focus, .w-slider-arrow-right:focus {
  outline: 0;
}

.w-slider-arrow-left {
  z-index: 3;
  right: auto;
}

.w-slider-arrow-right {
  z-index: 4;
  left: auto;
}

.w-icon-slider-left, .w-icon-slider-right {
  width: 1em;
  height: 1em;
  margin: auto;
  inset: 0;
}

.w-slider-aria-label {
  clip: rect(0 0 0 0);
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.w-slider-force-show {
  display: block !important;
}

.w-dropdown {
  text-align: left;
  z-index: 900;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
  position: relative;
}

.w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link {
  vertical-align: top;
  color: #222;
  text-align: left;
  white-space: nowrap;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  text-decoration: none;
  position: relative;
}

.w-dropdown-toggle {
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
  padding-right: 40px;
  display: inline-block;
}

.w-dropdown-toggle:focus {
  outline: 0;
}

.w-icon-dropdown-toggle {
  width: 1em;
  height: 1em;
  margin: auto 20px auto auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

.w-dropdown-list {
  background: #ddd;
  min-width: 100%;
  display: none;
  position: absolute;
}

.w-dropdown-list.w--open {
  display: block;
}

.w-dropdown-link {
  color: #222;
  padding: 10px 20px;
  display: block;
}

.w-dropdown-link.w--current {
  color: #0082f3;
}

.w-dropdown-link:focus {
  outline: 0;
}

@media screen and (max-width: 767px) {
  .w-nav-brand {
    padding-left: 10px;
  }
}

.w-lightbox-backdrop {
  cursor: auto;
  letter-spacing: normal;
  text-indent: 0;
  text-shadow: none;
  text-transform: none;
  visibility: visible;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  color: #fff;
  text-align: center;
  z-index: 2000;
  opacity: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -webkit-tap-highlight-color: transparent;
  background: #000000e6;
  outline: 0;
  font-family: Helvetica Neue, Helvetica, Ubuntu, Segoe UI, Verdana, sans-serif;
  font-size: 17px;
  font-style: normal;
  font-weight: 300;
  line-height: 1.2;
  list-style: disc;
  position: fixed;
  inset: 0;
  -webkit-transform: translate(0);
}

.w-lightbox-backdrop, .w-lightbox-container {
  -webkit-overflow-scrolling: touch;
  height: 100%;
  overflow: auto;
}

.w-lightbox-content {
  height: 100vh;
  position: relative;
  overflow: hidden;
}

.w-lightbox-view {
  opacity: 0;
  width: 100vw;
  height: 100vh;
  position: absolute;
}

.w-lightbox-view:before {
  content: "";
  height: 100vh;
}

.w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
  height: 86vh;
}

.w-lightbox-frame, .w-lightbox-view:before {
  vertical-align: middle;
  display: inline-block;
}

.w-lightbox-figure {
  margin: 0;
  position: relative;
}

.w-lightbox-group .w-lightbox-figure {
  cursor: pointer;
}

.w-lightbox-img {
  width: auto;
  max-width: none;
  height: auto;
}

.w-lightbox-image {
  float: none;
  max-width: 100vw;
  max-height: 100vh;
  display: block;
}

.w-lightbox-group .w-lightbox-image {
  max-height: 86vh;
}

.w-lightbox-caption {
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: #0006;
  padding: .5em 1em;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

.w-lightbox-embed {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.w-lightbox-control {
  cursor: pointer;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 24px;
  width: 4em;
  transition: all .3s;
  position: absolute;
  top: 0;
}

.w-lightbox-left {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==");
  display: none;
  bottom: 0;
  left: 0;
}

.w-lightbox-right {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+");
  display: none;
  bottom: 0;
  right: 0;
}

.w-lightbox-close {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=");
  background-size: 18px;
  height: 2.6em;
  right: 0;
}

.w-lightbox-strip {
  white-space: nowrap;
  padding: 0 1vh;
  line-height: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: auto hidden;
}

.w-lightbox-item {
  box-sizing: content-box;
  cursor: pointer;
  width: 10vh;
  padding: 2vh 1vh;
  display: inline-block;
  -webkit-transform: translate3d(0, 0, 0);
}

.w-lightbox-active {
  opacity: .3;
}

.w-lightbox-thumbnail {
  background: #222;
  height: 10vh;
  position: relative;
  overflow: hidden;
}

.w-lightbox-thumbnail-image {
  position: absolute;
  top: 0;
  left: 0;
}

.w-lightbox-thumbnail .w-lightbox-tall {
  width: 100%;
  top: 50%;
  transform: translate(0, -50%);
}

.w-lightbox-thumbnail .w-lightbox-wide {
  height: 100%;
  left: 50%;
  transform: translate(-50%);
}

.w-lightbox-spinner {
  box-sizing: border-box;
  border: 5px solid #0006;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  margin-left: -20px;
  animation: .8s linear infinite spin;
  position: absolute;
  top: 50%;
  left: 50%;
}

.w-lightbox-spinner:after {
  content: "";
  border: 3px solid #0000;
  border-bottom-color: #fff;
  border-radius: 50%;
  position: absolute;
  inset: -4px;
}

.w-lightbox-hide {
  display: none;
}

.w-lightbox-noscroll {
  overflow: hidden;
}

@media (min-width: 768px) {
  .w-lightbox-content {
    height: 96vh;
    margin-top: 2vh;
  }

  .w-lightbox-view, .w-lightbox-view:before {
    height: 96vh;
  }

  .w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
    height: 84vh;
  }

  .w-lightbox-image {
    max-width: 96vw;
    max-height: 96vh;
  }

  .w-lightbox-group .w-lightbox-image {
    max-width: 82.3vw;
    max-height: 84vh;
  }

  .w-lightbox-left, .w-lightbox-right {
    opacity: .5;
    display: block;
  }

  .w-lightbox-close {
    opacity: .8;
  }

  .w-lightbox-control:hover {
    opacity: 1;
  }
}

.w-lightbox-inactive, .w-lightbox-inactive:hover {
  opacity: 0;
}

.w-richtext:before, .w-richtext:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-richtext:after {
  clear: both;
}

.w-richtext[contenteditable="true"]:before, .w-richtext[contenteditable="true"]:after {
  white-space: initial;
}

.w-richtext ol, .w-richtext ul {
  overflow: hidden;
}

.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after, .w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:after, .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div, .w-richtext .w-richtext-figure-selected[data-rt-type="image"] div {
  outline: 2px solid #2895f7;
}

.w-richtext figure.w-richtext-figure-type-video > div:after, .w-richtext figure[data-rt-type="video"] > div:after {
  content: "";
  display: none;
  position: absolute;
  inset: 0;
}

.w-richtext figure {
  max-width: 60%;
  position: relative;
}

.w-richtext figure > div:before {
  cursor: default !important;
}

.w-richtext figure img {
  width: 100%;
}

.w-richtext figure figcaption.w-richtext-figcaption-placeholder {
  opacity: .6;
}

.w-richtext figure div {
  color: #0000;
  font-size: 0;
}

.w-richtext figure.w-richtext-figure-type-image, .w-richtext figure[data-rt-type="image"] {
  display: table;
}

.w-richtext figure.w-richtext-figure-type-image > div, .w-richtext figure[data-rt-type="image"] > div {
  display: inline-block;
}

.w-richtext figure.w-richtext-figure-type-image > figcaption, .w-richtext figure[data-rt-type="image"] > figcaption {
  caption-side: bottom;
  display: table-caption;
}

.w-richtext figure.w-richtext-figure-type-video, .w-richtext figure[data-rt-type="video"] {
  width: 60%;
  height: 0;
}

.w-richtext figure.w-richtext-figure-type-video iframe, .w-richtext figure[data-rt-type="video"] iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.w-richtext figure.w-richtext-figure-type-video > div, .w-richtext figure[data-rt-type="video"] > div {
  width: 100%;
}

.w-richtext figure.w-richtext-align-center {
  clear: both;
  margin-left: auto;
  margin-right: auto;
}

.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image > div, .w-richtext figure.w-richtext-align-center[data-rt-type="image"] > div {
  max-width: 100%;
}

.w-richtext figure.w-richtext-align-normal {
  clear: both;
}

.w-richtext figure.w-richtext-align-fullwidth {
  text-align: center;
  clear: both;
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-richtext figure.w-richtext-align-fullwidth > div {
  padding-bottom: inherit;
  display: inline-block;
}

.w-richtext figure.w-richtext-align-fullwidth > figcaption {
  display: block;
}

.w-richtext figure.w-richtext-align-floatleft {
  float: left;
  clear: none;
  margin-right: 15px;
}

.w-richtext figure.w-richtext-align-floatright {
  float: right;
  clear: none;
  margin-left: 15px;
}

.w-nav {
  z-index: 1000;
  background: #ddd;
  position: relative;
}

.w-nav:before, .w-nav:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-nav:after {
  clear: both;
}

.w-nav-brand {
  float: left;
  color: #333;
  text-decoration: none;
  position: relative;
}

.w-nav-link {
  vertical-align: top;
  color: #222;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.w-nav-link.w--current {
  color: #0082f3;
}

.w-nav-menu {
  float: right;
  position: relative;
}

[data-nav-menu-open] {
  text-align: center;
  background: #c8c8c8;
  min-width: 200px;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  overflow: visible;
  display: block !important;
}

.w--nav-link-open {
  display: block;
  position: relative;
}

.w-nav-overlay {
  width: 100%;
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  overflow: hidden;
}

.w-nav-overlay [data-nav-menu-open] {
  top: 0;
}

.w-nav[data-animation="over-left"] .w-nav-overlay {
  width: auto;
}

.w-nav[data-animation="over-left"] .w-nav-overlay, .w-nav[data-animation="over-left"] [data-nav-menu-open] {
  z-index: 1;
  top: 0;
  right: auto;
}

.w-nav[data-animation="over-right"] .w-nav-overlay {
  width: auto;
}

.w-nav[data-animation="over-right"] .w-nav-overlay, .w-nav[data-animation="over-right"] [data-nav-menu-open] {
  z-index: 1;
  top: 0;
  left: auto;
}

.w-nav-button {
  float: right;
  cursor: pointer;
  -webkit-tap-highlight-color: #0000;
  tap-highlight-color: #0000;
  -webkit-user-select: none;
  user-select: none;
  padding: 18px;
  font-size: 24px;
  display: none;
  position: relative;
}

.w-nav-button:focus {
  outline: 0;
}

.w-nav-button.w--open {
  color: #fff;
  background-color: #c8c8c8;
}

.w-nav[data-collapse="all"] .w-nav-menu {
  display: none;
}

.w-nav[data-collapse="all"] .w-nav-button, .w--nav-dropdown-open, .w--nav-dropdown-toggle-open {
  display: block;
}

.w--nav-dropdown-list-open {
  position: static;
}

@media screen and (max-width: 991px) {
  .w-nav[data-collapse="medium"] .w-nav-menu {
    display: none;
  }

  .w-nav[data-collapse="medium"] .w-nav-button {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .w-nav[data-collapse="small"] .w-nav-menu {
    display: none;
  }

  .w-nav[data-collapse="small"] .w-nav-button {
    display: block;
  }

  .w-nav-brand {
    padding-left: 10px;
  }
}

@media screen and (max-width: 479px) {
  .w-nav[data-collapse="tiny"] .w-nav-menu {
    display: none;
  }

  .w-nav[data-collapse="tiny"] .w-nav-button {
    display: block;
  }
}

.w-tabs {
  position: relative;
}

.w-tabs:before, .w-tabs:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-tabs:after {
  clear: both;
}

.w-tab-menu {
  position: relative;
}

.w-tab-link {
  vertical-align: top;
  text-align: left;
  cursor: pointer;
  color: #222;
  background-color: #ddd;
  padding: 9px 30px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.w-tab-link.w--current {
  background-color: #c8c8c8;
}

.w-tab-link:focus {
  outline: 0;
}

.w-tab-content {
  display: block;
  position: relative;
  overflow: hidden;
}

.w-tab-pane {
  display: none;
  position: relative;
}

.w--tab-active {
  display: block;
}

@media screen and (max-width: 479px) {
  .w-tab-link {
    display: block;
  }
}

.w-ix-emptyfix:after {
  content: "";
}

@keyframes spin {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

.w-dyn-empty {
  background-color: #ddd;
  padding: 10px;
}

.w-dyn-hide, .w-dyn-bind-empty, .w-condition-invisible {
  display: none !important;
}

.wf-layout-layout {
  display: grid;
}

:root {
  --dark-magenta: #951c80;
  --dodger-blue: #0095d6;
  --yellow-green: #89bd24;
  --dark-slate-blue: #004a79;
  --white: white;
  --midnight-blue: #001b32;
  --red: #e8412b;
  --orange: #f59c00;
  --yellow: #f1e747;
  --hot-pink: #df84b5;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.w-embed-youtubevideo {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/static/youtube-placeholder.2b05e7d68d.svg");
  background-position: 50%;
  background-size: cover;
  width: 100%;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.w-embed-youtubevideo:empty {
  min-height: 75px;
  padding-bottom: 56.25%;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

.w-form-formradioinput--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-width: 4px;
  border-color: #3898ec;
}

h1 {
  letter-spacing: 2px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Londrina Solid, sans-serif;
  font-size: 120px;
  font-weight: 900;
  line-height: 110px;
}

h2 {
  letter-spacing: 3px;
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Londrina Solid, sans-serif;
  font-size: 54px;
  font-weight: 900;
  line-height: 54px;
  display: inline;
}

h3 {
  letter-spacing: 1px;
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Londrina Solid, sans-serif;
  font-size: 25px;
  font-weight: 400;
  line-height: 25px;
}

h4 {
  letter-spacing: 2px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Londrina Solid, sans-serif;
  font-size: 85px;
  font-weight: 900;
  line-height: 80px;
}

h5 {
  letter-spacing: .3px;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Roboto, sans-serif;
  font-size: 20px;
  font-weight: 900;
  line-height: 30px;
}

h6 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}

p {
  margin-bottom: 10px;
  font-family: Roboto, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 30px;
}

a {
  text-decoration: underline;
}

ul, ol {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
}

strong {
  font-weight: bold;
}

.header-inschrijven {
  background-color: var(--dark-magenta);
  padding: 320px 0 260px;
  position: relative;
}

.header-inschrijven.lichtblauw {
  background-color: var(--dodger-blue);
}

.header-inschrijven.dod-oranje {
  background-color: var(--yellow-green);
  padding-top: 380px;
}

.header-inschrijven.dod-oranje.rondleiding, .header-inschrijven.dod-oranje.rondleiding.zevenbergen {
  background-color: var(--dark-slate-blue);
}

.hero-wrapper {
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  position: relative;
}

.hero-title {
  color: var(--white);
  padding-right: 310px;
  position: relative;
  transform: rotate(-4deg);
}

.hero-title.privacy {
  padding-top: 30px;
}

.hero-title.paars-no-padding {
  color: var(--dark-magenta);
  padding-right: 0;
}

.hero-background {
  background-color: var(--yellow-green);
  margin: -30px -90px -90px;
  position: absolute;
  inset: 0%;
  transform: rotate(4deg);
}

.hero-background.donkerblauw {
  background-color: var(--dark-slate-blue);
}

.hero-background.dod-wit {
  background-color: var(--white);
  margin-top: -90px;
}

.header-doodle-top {
  position: absolute;
  inset: -33px auto auto 60px;
  transform: rotate(-4deg);
}

.header-doodle-bottom {
  position: absolute;
  inset: auto auto -34px 340px;
  transform: rotate(-4deg);
}

.header-doodle-liniaal {
  position: absolute;
  inset: -120px auto auto 300px;
}

.container {
  padding-left: 10px;
  padding-right: 10px;
  display: block;
  position: relative;
}

.grid-content {
  width: auto;
  padding: 0 10px;
  position: relative;
  bottom: 0;
  overflow: visible;
}

.grid-content.float-buttons {
  display: flex;
}

.grid-intro {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template: "intro intro intro intro intro intro doodle doodle img img img img" 1fr
  / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.intro-txt {
  color: var(--midnight-blue);
  transform: rotate(2deg);
}

.intro-wrapper {
  background-image: url("https://cdn.prod.website-files.com/5fc5fd29d721935ab99111bf/5fc6373100711b33a73a3e28_MYM_lijntjes-papier-groen.jpg");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 125%;
  justify-content: center;
  align-items: center;
  margin-top: -90px;
  margin-left: -60px;
  margin-right: -60px;
  padding: 30px 60px;
  display: flex;
  transform: rotate(-4deg);
}

.intro-wrapper.blauw {
  background-image: url("https://cdn.prod.website-files.com/5fc5fd29d721935ab99111bf/5fd8a8ea5a266e3dd4e182ef_MYM_lijntjes-papier-blauw.jpg");
}

.section {
  perspective-origin: 0 100%;
  transform-origin: 0 100%;
  position: relative;
}

.section.cta-open-dag {
  margin-top: 100px;
  margin-bottom: 100px;
}

.section.cta-proefles {
  margin-top: 100px;
  margin-bottom: 130px;
}

.section.cta-open-dag-ob {
  margin-top: 100px;
  margin-bottom: 0;
}

.section.cta-open-dag-ob.hide {
  display: none;
}

.section.bg-blauw {
  background-color: var(--dark-slate-blue);
}

.section.onderwijs-wit {
  padding-top: 100px;
  padding-bottom: 100px;
}

.section.onderwijs-grijs {
  background-color: #004a790d;
  padding-top: 100px;
  padding-bottom: 100px;
}

.section.cta-open-dag-zb {
  margin-top: 100px;
  margin-bottom: 0;
}

.section.cta-aanmelden {
  margin-top: 100px;
  margin-bottom: 80px;
}

.section.bg-lichtgrijs {
  background-color: #004a790d;
}

.section.chat-message {
  background-color: var(--dark-slate-blue);
  padding: 0;
  display: block;
}

.img-sokkel-hero1 {
  width: 250px;
  margin-top: 40px;
  margin-left: 33px;
  margin-right: 20px;
  padding-left: 0;
  position: static;
}

.img-hero1 {
  width: 475px;
  max-width: none;
  display: block;
  position: absolute;
  inset: auto 0% 60px -28%;
}

.logo {
  position: relative;
  inset: 0% 0% auto;
}

.logo.zb {
  position: absolute;
}

.grid-logo {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template: ". . . . logo logo logo logo logo logo"
  / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-flow: row;
}

.menu-logo-wrapper {
  padding-top: 30px;
  padding-left: 10px;
}

.intro-doodle-schrift {
  height: 140px;
  position: absolute;
  inset: 40px auto auto 10px;
}

.grid-form-intro {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template: "doodle-1 title title title title title title title kids kids kids doodle-2"
                 "doodle-1 intro intro intro intro intro intro intro intro intro intro doodle-2"
                 / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  margin-top: 100px;
  margin-bottom: 60px;
}

.form-title {
  color: var(--red);
  display: inline-block;
  transform: rotate(-4deg);
}

.form-title.paars {
  color: var(--dark-magenta);
}

.form-title.groen {
  color: var(--yellow-green);
}

.form-title.blauw {
  color: var(--dodger-blue);
}

.form-intro {
  color: var(--dark-slate-blue);
  padding-top: 40px;
}

.p-heading {
  color: var(--dark-slate-blue);
  letter-spacing: 1px;
  margin-right: 5px;
  font-family: Londrina Solid, sans-serif;
  font-size: 25px;
  font-weight: 400;
  display: inline;
}

.form-field {
  border: 1px solid var(--white);
  background-color: #89bd2433;
  border-radius: 7px;
  height: 80px;
  margin: 10px;
  position: relative;
}

.form-field.auto-height {
  height: auto;
  padding-bottom: 20px;
}

.form-field.blauw {
  background-color: #0095d633;
}

.form-field.wit {
  background-color: var(--white);
}

.success-message {
  background-color: var(--yellow-green);
  color: var(--midnight-blue);
  padding: 30px;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 300;
}

.error-message {
  background-color: var(--red);
  color: var(--white);
  text-align: center;
  border-radius: 0;
  margin-top: 10px;
  padding: 30px;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 300;
}

.input {
  border: 1px solid var(--white);
  opacity: 1;
  color: var(--yellow-green);
  background-color: #89bd2433;
  border-radius: 7px;
  height: 80px;
  padding: 20px 35px 0;
  font-size: 20px;
  font-weight: 300;
  line-height: 30px;
  position: absolute;
}

.input::placeholder {
  color: var(--yellow-green);
}

.input.select {
  padding-left: 32px;
}

.input.blauw {
  color: var(--dark-slate-blue);
  background-color: #0095d633;
}

.input.blauw::placeholder {
  color: var(--dark-slate-blue);
}

.input.wit {
  background-color: var(--white);
}

.input.wit.txt-area {
  padding-top: 17px;
  position: relative;
}

.form-label {
  color: var(--yellow-green);
  width: 170px;
  font-size: 20px;
  font-weight: 300;
  line-height: 30px;
  position: absolute;
  inset: 26px auto auto 35px;
}

.form-label.blauw {
  color: var(--dark-slate-blue);
}

.form-label.blauw.auto {
  width: auto;
}

.submit-button {
  background-color: var(--red);
  color: var(--white);
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
  border-radius: 7px;
  height: auto;
  margin: 10px;
  padding: 20px 25px;
  font-family: Londrina Solid, sans-serif;
  font-size: 25px;
  font-weight: 900;
  line-height: 30px;
  transition: all .4s;
  position: relative;
  inset: 0%;
}

.submit-button:hover {
  background-color: var(--dark-slate-blue);
}

.form {
  font-family: Roboto, sans-serif;
}

.grid-form {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template: "voornaam voornaam voornaam voornaam voornaam voornaam achternaam achternaam achternaam achternaam achternaam achternaam"
                 "basisschool basisschool basisschool basisschool basisschool basisschool plaats plaats plaats plaats plaats plaats"
                 "email email email email email email email email email email email email"
                 "advies advies advies advies advies advies advies advies advies advies advies advies"
                 "datum datum datum datum datum datum datum datum datum datum datum datum"
                 ". . . . . . . . submit submit submit ."
                 / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.form-doodle-foto {
  width: 100px;
  max-width: none;
  display: block;
  position: absolute;
  inset: -100px auto auto -10px;
}

.form-doodle-rocku {
  width: 70px;
  max-width: none;
  display: none;
  position: absolute;
  inset: -20px -10px auto auto;
}

.form-block {
  margin-bottom: 120px;
  display: none;
}

.form-block.bg-lichtgroen {
  background-color: #89bd2433;
  margin-bottom: 0;
  padding-bottom: 100px;
}

.form-block.bg-lichtblauw {
  background-color: #0095d633;
  margin-bottom: 0;
  padding-bottom: 100px;
}

.subfooter {
  background-color: var(--dark-slate-blue);
  padding: 30px 0;
}

.grid-footer {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template: "info info info info info info logo logo logo logo links links"
  / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.home-txt-link {
  color: var(--white);
  text-align: left;
  margin-top: 20px;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}

.footer-txt-link {
  color: var(--white);
  text-decoration: none;
  transition: all .4s;
  display: block;
}

.footer-txt-link:hover {
  color: #89bd24;
}

.footer-doodle-cupcake {
  width: 70px;
  max-width: none;
  position: absolute;
  inset: -110px auto auto 40px;
}

.doodle.bright {
  opacity: .7;
  filter: brightness(200%);
}

.no-overflow {
  overflow: hidden;
}

.img-logo {
  max-width: 85%;
}

.txt-wrap {
  white-space: nowrap;
}

.form-title-txt {
  color: var(--dark-slate-blue);
  object-fit: fill;
}

.form-title-txt.paars {
  color: var(--dark-magenta);
}

.created-by-bigbooom {
  color: #fff;
  background-color: #0094cd;
  background-image: linear-gradient(#0003, #0003);
}

.created-by {
  background-color: var(--dark-slate-blue);
  background-image: linear-gradient(#0006, #0006);
}

.container-cbb {
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

.link-bigbooom {
  opacity: .4;
  width: 160px;
  height: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  transition: opacity .25s;
}

.link-bigbooom:hover {
  opacity: 1;
}

.rich-content {
  margin-bottom: 60px;
}

.grid-rich-content {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template: "doodle-1 intro intro intro intro intro intro intro intro intro intro doodle-2"
  / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  margin-top: 60px;
  margin-bottom: 60px;
}

.rich-text-content {
  color: var(--dark-slate-blue);
  padding-top: 40px;
}

.rich-txt {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.rich-txt ul, .rich-txt ol {
  padding-left: 20px;
  font-family: Roboto, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 30px;
}

.rich-txt h3 {
  margin-bottom: 0;
  line-height: 30px;
}

.rich-txt a {
  color: var(--midnight-blue);
  border-bottom: 1px solid #000;
  text-decoration: none;
  transition: all .4s;
}

.rich-txt a:hover {
  border-bottom-color: var(--dark-magenta);
  color: var(--dark-magenta);
}

.header-privacy {
  background-color: var(--yellow-green);
  padding: 220px 0 260px;
  position: relative;
}

.header-privacy.blauw {
  background-color: var(--dodger-blue);
}

.header-privacy.ob {
  padding-top: 320px;
}

.header-privacy.zb {
  background-color: var(--dodger-blue);
  padding-top: 320px;
}

.paragraph {
  display: block;
}

.paragraph.inline {
  display: inline;
}

.form-label-fixed {
  color: var(--yellow-green);
  font-size: 20px;
  font-weight: 300;
  line-height: 30px;
  position: absolute;
  inset: 26px auto auto 35px;
}

.form-label-fixed.blauw {
  color: var(--dark-slate-blue);
}

.radio-fields {
  color: var(--yellow-green);
  margin-top: 70px;
  padding-left: 35px;
  padding-right: 0;
  font-size: 20px;
  font-weight: 300;
  line-height: 30px;
}

.radio-fields.vraag {
  margin-top: 25px;
}

.radio-button-label {
  font-size: 18px;
  font-weight: 300;
}

.radio-button-label.blauw {
  color: var(--dark-slate-blue);
}

.radio-button {
  border-color: var(--yellow-green);
  background-color: var(--white);
  border-radius: 50%;
  width: 20px;
  height: 20px;
  margin-top: 0;
  margin-right: 10px;
}

.radio-button.w--redirected-checked {
  border-width: 1px;
  border-color: var(--yellow-green);
  background-color: var(--yellow-green);
  background-image: none;
}

.radio-button.blauw {
  border-color: var(--dark-slate-blue);
}

.radio-button.blauw.w--redirected-checked {
  background-color: var(--dark-slate-blue);
}

.checkbox-field {
  float: left;
  align-items: center;
  padding-right: 40px;
  display: flex;
}

.wrapper {
  background-color: var(--dark-slate-blue);
  justify-content: center;
  align-items: center;
  min-width: 100vw;
  min-height: 100vh;
  padding: 70px;
  display: flex;
  position: relative;
}

.grid-home {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template: "title title title title title title title title title title title title"
                 ". . . . . . . . . . . ." 60px
                 "button1 button1 button1 button1 button1 . . button2 button2 button2 button2 button2"
                 "cta1 cta1 cta1 cta1 cta1 . . cta2 cta2 cta2 cta2 cta2"
                 "sub1 sub1 sub1 sub1 sub1 . . sub2 sub2 sub2 sub2 sub2"
                 / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.kids-only {
  text-align: center;
  justify-content: center;
  align-items: center;
  display: block;
  position: absolute;
  transform: rotate(4deg);
}

.kids-only.hide {
  display: none;
}

.doodle-circle {
  position: absolute;
  inset: 0%;
}

.kids-only-txt {
  color: var(--white);
  text-align: center;
  padding: 30px;
  font-family: Londrina Solid, sans-serif;
  font-size: 30px;
  line-height: 30px;
  display: inline-block;
  position: relative;
  inset: 0%;
}

.heading-4 {
  line-height: 35px;
}

.grid-cta-open-dag {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template: ". . . . . . . doodle1 doodle1 doodle1 doodle1 doodle1"
                 "title title title title title title title button button button button text"
                 "title title title title title title title button button button button ."
                 "doodle2 doodle2 doodle2 doodle2 doodle2 . . . . . . ."
                 / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.bg-open-dag {
  background-color: var(--orange);
  position: absolute;
  inset: 0%;
  transform: rotate(4deg);
}

.cta-open-dag-title {
  color: var(--dark-magenta);
  text-align: center;
  padding: 25px 0 60px;
  transform: rotate(4deg);
}

.cta-open-dag-txt {
  color: var(--white);
  text-align: center;
  padding-top: 50px;
  padding-bottom: 20px;
  transform: rotate(4deg);
}

.alt-txt-height {
  line-height: 30px;
}

.button {
  background-color: var(--dark-magenta);
  color: var(--dark-slate-blue);
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  margin: 10px;
  padding: 20px 25px;
  font-family: Londrina Solid, sans-serif;
  font-size: 25px;
  font-weight: 900;
  line-height: 30px;
  text-decoration: none;
  transition: all .4s;
  display: flex;
  position: relative;
  inset: 0%;
}

.button:hover {
  background-color: var(--white);
  color: var(--dark-magenta);
}

.button.paars {
  background-color: var(--dark-magenta);
  color: var(--white);
}

.button.paars:hover {
  background-color: var(--white);
  color: var(--yellow-green);
}

.button.oranje {
  background-color: var(--orange);
  color: var(--white);
}

.button.oranje:hover {
  background-color: var(--white);
  color: var(--dark-magenta);
}

.button.paars-oranje {
  background-color: var(--dodger-blue);
  color: var(--white);
}

.button.paars-oranje:hover {
  background-color: var(--white);
  color: var(--orange);
}

.button-txt {
  color: var(--white);
  font-size: 25px;
}

.button-txt:hover {
  color: var(--dark-magenta);
}

.cta-button {
  padding-bottom: 0;
}

.cta-button.ob-hoog {
  display: inline-block;
}

.cta-button.aanmelden {
  display: block;
}

.cta-open-dag-doodle-top {
  margin-top: -15px;
}

.cta-open-dag-doodle-bottom {
  margin-bottom: -15px;
}

.hero-subtitle {
  color: var(--white);
  position: relative;
  transform: rotate(-4deg);
}

.hero-subtitle.groen {
  color: var(--yellow-green);
  padding-top: 15px;
  transform: rotate(4deg);
}

.hero-subtitle.blauw {
  color: var(--dodger-blue);
  padding-top: 15px;
  transform: rotate(4deg);
}

.herobutton {
  background-color: var(--white);
  color: var(--dark-slate-blue);
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  margin: 10px;
  padding: 20px 25px;
  font-family: Londrina Solid, sans-serif;
  font-size: 25px;
  font-weight: 900;
  line-height: 30px;
  text-decoration: none;
  transition: all .4s;
  display: flex;
  position: absolute;
  inset: auto 40px -40px auto;
}

.herobutton:hover {
  background-color: var(--midnight-blue);
  color: var(--orange);
}

.herobutton.oudenbosch {
  background-color: var(--yellow-green);
  color: var(--white);
}

.herobutton.oudenbosch:hover {
  background-color: var(--dark-slate-blue);
}

.herobutton.zevenbergen {
  background-color: var(--dodger-blue);
  color: var(--white);
}

.herobutton.zevenbergen:hover {
  background-color: var(--dark-slate-blue);
}

.grid-form-intro-digital {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template: "doodle-1 title title title title title title title title . . doodle-2"
                 "doodle-1 intro intro intro intro intro intro intro intro intro intro doodle-2"
                 / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  margin-top: 100px;
  margin-bottom: 60px;
}

.header-doodle-potlood {
  position: absolute;
  inset: -120px auto auto 300px;
}

.form-doodle-laptop {
  width: 140px;
  max-width: none;
  position: absolute;
  inset: -133px 56px auto auto;
}

.form-doodle-muts {
  width: 100px;
  max-width: none;
  display: block;
  position: absolute;
  inset: -70px auto auto -25px;
}

.open-dag-header-doodle-bottom {
  position: absolute;
  inset: auto auto -34px 340px;
  transform: rotate(-4deg);
}

.grid-form-mld-zevenbergen {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template: "voornaam voornaam voornaam voornaam voornaam voornaam achternaam achternaam achternaam achternaam achternaam achternaam"
                 "basisschool basisschool basisschool basisschool basisschool basisschool plaats plaats plaats plaats plaats plaats"
                 "email email email email email email email email email email email email"
                 "advies advies advies advies advies advies advies advies advies advies advies advies"
                 "interresse interresse interresse interresse interresse interresse interresse interresse interresse interresse interresse interresse"
                 "datum datum datum datum datum datum datum datum datum datum datum datum"
                 ". . . . . . . . submit submit submit ."
                 / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.form-checkbox-columns {
  float: left;
  width: 50%;
}

.grid-form-dod-zevenbergen {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template: "voornaam voornaam voornaam voornaam voornaam voornaam achternaam achternaam achternaam achternaam achternaam achternaam"
                 "postcode postcode postcode postcode postcode postcode postcode postcode postcode postcode postcode postcode"
                 "basisschool basisschool basisschool basisschool basisschool basisschool plaats plaats plaats plaats plaats plaats"
                 "email email email email email email email email email email email email"
                 "advies advies advies advies advies advies advies advies advies advies advies advies"
                 "interresse interresse interresse interresse interresse interresse interresse interresse interresse interresse interresse interresse"
                 "datum datum datum datum datum datum datum datum datum datum datum datum"
                 ". . . . . . . . submit submit submit ."
                 / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.img-hero2 {
  object-fit: fill;
  width: 440px;
  max-width: none;
  display: block;
  position: absolute;
  inset: auto auto 60px -77px;
}

.kies-button-wrapper {
  color: var(--white);
  text-align: center;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  transition: all .4s;
  position: relative;
}

.kies-button-wrapper:hover {
  color: var(--dark-slate-blue);
  transform: scale(1.2);
}

.kies-button-img {
  width: 250px;
}

.kies-button-txt {
  justify-content: center;
  align-items: center;
  padding: 125px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.kies-button-subtext {
  text-align: center;
  padding: 30px;
}

.kies-button-subtext.groen {
  color: var(--yellow-green);
}

.kies-button-subtext.blauw {
  color: var(--dodger-blue);
}

.kies-title {
  color: var(--white);
  text-align: center;
}

.bg-proefles {
  background-color: var(--dark-magenta);
  position: absolute;
  inset: 0%;
  transform: rotate(-4deg);
}

.grid-cta-proefles {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template: ". . . . . . . doodle1 doodle1 doodle1 doodle1 doodle1"
                 "title title title title title title title button button button button ."
                 "title title title title title title title button button button button ."
                 "doodle2 doodle2 doodle2 doodle2 doodle2 . . . . . . ."
                 / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.cta-proefles-title {
  color: var(--white);
  text-align: center;
  padding: 25px 15px;
  transform: rotate(-4deg);
}

.cta-button-proefles {
  padding-bottom: 0;
}

.button-proefles {
  background-color: var(--white);
  color: var(--dark-slate-blue);
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  margin: 10px;
  padding: 20px 25px;
  font-family: Londrina Solid, sans-serif;
  font-size: 25px;
  font-weight: 900;
  line-height: 30px;
  text-decoration: none;
  transition: all .4s;
  display: flex;
  position: relative;
  inset: 0%;
}

.button-proefles:hover {
  background-color: var(--white);
  color: var(--orange);
}

.cta-proefles-doodle-top {
  margin-top: -60px;
}

.cta-proefles-doodle-bottom {
  margin-bottom: -60px;
}

.header-logo {
  position: absolute;
  inset: 100px 0% auto;
}

.grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.nav-link {
  color: var(--dark-slate-blue);
  letter-spacing: .1px;
  padding: 40px 20px;
  font-family: Londrina Solid, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 18px;
  transition: all .4s;
}

.nav-link:hover {
  color: var(--dark-magenta);
}

.nav-link.w--current {
  color: var(--dark-slate-blue);
}

.navbar {
  background-color: #0000;
}

.nav-wrapper {
  place-content: space-around space-between;
  align-items: center;
  display: flex;
}

.brand {
  flex: 1;
  height: 100%;
  padding-top: 30px;
  padding-bottom: 30px;
}

.menu {
  z-index: 10000;
  background-color: var(--white);
  position: fixed;
  inset: 0% 0% auto;
}

.section-bg-bottom {
  background-color: var(--yellow-green);
  height: 50%;
  position: absolute;
  inset: auto 0% 0%;
}

.section-bg-bottom.lichtgroen {
  background-color: #89bd2433;
}

.header-inschrijven-zb {
  background-color: var(--yellow-green);
  padding: 220px 0 260px;
  position: relative;
}

.header-inschrijven-zb.lichtblauw {
  background-color: var(--dodger-blue);
}

.header-inschrijven-zb.dod-oranje {
  background-color: var(--orange);
  padding-top: 280px;
}

.grid-meer-over {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template: "titel titel titel titel titel titel titel titel doodle doodle doodle doodle"
                 ". . text text text text text text text text . ."
                 ". . . . . . . . . . . ." 30px
                 ". . cta cta cta cta cta cta cta cta . ."
                 / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.meer-over-text {
  color: var(--white);
}

.meer-over-title {
  color: var(--white);
  transform: rotate(-4deg);
}

.button-meer-lezen {
  background-color: var(--dark-magenta);
  color: var(--dark-slate-blue);
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  width: 300px;
  margin: 10px 0;
  padding: 20px 25px;
  font-family: Londrina Solid, sans-serif;
  font-size: 25px;
  font-weight: 900;
  line-height: 30px;
  text-decoration: none;
  transition: all .4s;
  display: flex;
  position: relative;
  inset: 0%;
}

.button-meer-lezen:hover {
  background-color: var(--white);
  color: var(--dark-slate-blue);
}

.button-meer-lezen.home-cta {
  margin-top: 20px;
  transform: rotate(-4deg);
}

.button-meer-lezen.home-cta.oranje {
  background-color: var(--orange);
}

.button-meer-lezen.home-cta.oranje:hover {
  background-color: var(--white);
}

.button-meer-lezen.home-cta.oranje.home-alternatief {
  display: block;
  overflow: visible;
  transform: rotate(-4deg);
}

.button-meer-lezen.home-cta.home-alternatief.schuin {
  background-color: var(--yellow);
  transform: rotate(4deg);
}

.button-meer-lezen.margin-right {
  margin-right: 20px;
}

.section-meer-weten {
  background-color: var(--yellow-green);
  perspective-origin: 0 100%;
  transform-origin: 0 100%;
  margin-bottom: 0;
  padding-top: 100px;
  padding-bottom: 100px;
  position: static;
}

.section-meer-weten.cta-open-dag {
  margin-top: 100px;
  margin-bottom: 100px;
}

.section-meer-weten.cta-proefles {
  margin-top: 100px;
  margin-bottom: 130px;
}

.section-meer-weten.cta-open-dag-ob {
  margin-top: 100px;
  margin-bottom: 0;
}

.section-meer-weten.bg-blauw {
  background-color: var(--dark-slate-blue);
}

.section-meer-weten.top-margin {
  margin-top: 100px;
}

.grid-header-onderwijs-info {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template: "titel titel titel titel titel titel titel titel doodle doodle doodle doodle"
                 ". . . . . . . . . . . ." 40px
                 ". . text text text text text text text text text ."
                 "doodle2 doodle2 . . . . . . . . . ." 140px
                 ". . cta cta cta cta cta . . . . ."
                 / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.header-onderwijs-info {
  background-color: var(--dark-slate-blue);
  perspective-origin: 0 100%;
  transform-origin: 0 100%;
  margin-bottom: 0;
  padding-top: 200px;
  padding-bottom: 100px;
  position: static;
}

.header-onderwijs-info.cta-open-dag {
  margin-top: 100px;
  margin-bottom: 100px;
}

.header-onderwijs-info.cta-proefles {
  margin-top: 100px;
  margin-bottom: 130px;
}

.header-onderwijs-info.cta-open-dag-ob {
  margin-top: 100px;
  margin-bottom: 0;
}

.header-onderwijs-info.bg-blauw {
  background-color: var(--dark-slate-blue);
}

.header-onderwijs-info.bg-groen {
  background-color: var(--yellow-green);
}

.rich-txt-wit {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.rich-txt-wit ul, .rich-txt-wit ol {
  padding-left: 20px;
  font-family: Roboto, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 30px;
}

.rich-txt-wit h3 {
  margin-bottom: 0;
  line-height: 30px;
}

.rich-txt-wit a {
  border-bottom: 1px solid var(--white);
  color: var(--white);
  text-decoration: none;
  transition: all .4s;
}

.rich-txt-wit a:hover {
  border-bottom-color: var(--yellow-green);
  color: var(--yellow-green);
}

.header-onderwijs-info-title {
  color: var(--yellow-green);
  transform: rotate(-4deg);
}

.header-onderwijs-info-title.blauw {
  color: var(--dodger-blue);
}

.header-onderwijs-info-title.wit {
  color: var(--white);
}

.header-onderwijs-info-title.oranje {
  color: var(--orange);
}

.header-onderwijs-info-title.donkerblauw {
  color: var(--dark-slate-blue);
}

.section-bg-top {
  background-color: var(--dark-slate-blue);
  height: 50%;
  position: absolute;
  inset: 0% 0% auto;
}

.section-bg-top.groen {
  background-color: var(--yellow-green);
}

.grid-text-left {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template: "text text text text text text text text img img img img img img"
  / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.rich-txt-blauw {
  color: var(--dark-slate-blue);
  max-width: 940px;
  margin: 0 auto 60px;
  padding-top: 0;
}

.rich-txt-blauw ul {
  margin-bottom: 0;
  padding-left: 20px;
  font-family: Roboto, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 30px;
}

.rich-txt-blauw ol {
  padding-left: 20px;
  font-family: Roboto, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 30px;
}

.rich-txt-blauw h3 {
  letter-spacing: 0;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 20px;
  font-weight: 900;
  line-height: 30px;
}

.rich-txt-blauw a {
  color: var(--midnight-blue);
  border-bottom: 1px solid #000;
  text-decoration: none;
  transition: all .4s;
}

.rich-txt-blauw a:hover {
  border-bottom-color: var(--dark-magenta);
  color: var(--dark-magenta);
}

.rich-txt-blauw p {
  margin-top: 10px;
  margin-bottom: 0;
}

.heading-onderwijs-text {
  letter-spacing: 1px;
  margin-bottom: 30px;
  font-family: Londrina Solid, sans-serif;
  font-size: 35px;
  font-weight: 900;
  line-height: 35px;
}

.heading-onderwijs-text.lichtblauw {
  color: var(--dodger-blue);
}

.heading-onderwijs-text.oranje, .heading-onderwijs-text.rood {
  color: var(--red);
}

.heading-onderwijs-text.paars {
  color: var(--dark-magenta);
}

.heading-onderwijs-text.roze {
  color: var(--hot-pink);
}

.heading-onderwijs-text.groen {
  color: var(--yellow-green);
}

.heading-onderwijs-text.geel {
  color: var(--yellow);
}

.grid-textright {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template: "img img img img img . text text text text text text"
  / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.onderwijs-sectie-wit {
  perspective-origin: 0 100%;
  transform-origin: 0 100%;
  padding-top: 40px;
  padding-bottom: 15px;
  position: relative;
}

.onderwijs-sectie-wit.cta-open-dag {
  margin-top: 100px;
  margin-bottom: 100px;
}

.onderwijs-sectie-wit.cta-proefles {
  margin-top: 100px;
  margin-bottom: 130px;
}

.onderwijs-sectie-wit.cta-open-dag-ob {
  margin-top: 100px;
  margin-bottom: 0;
}

.onderwijs-sectie-wit.bg-blauw {
  background-color: var(--dark-slate-blue);
}

.onderwijs-sectie-wit.onderwijs-wit {
  padding-top: 100px;
  padding-bottom: 100px;
}

.onderwijs-sectie-wit.onderwijs-grijs {
  background-color: #004a790d;
  padding-top: 100px;
  padding-bottom: 100px;
}

.onderwijs-sectie-grijs {
  perspective-origin: 0 100%;
  transform-origin: 0 100%;
  background-color: #004a790d;
  padding-top: 100px;
  padding-bottom: 100px;
  position: relative;
}

.onderwijs-sectie-grijs.cta-open-dag {
  margin-top: 100px;
  margin-bottom: 100px;
}

.onderwijs-sectie-grijs.cta-proefles {
  margin-top: 100px;
  margin-bottom: 130px;
}

.onderwijs-sectie-grijs.cta-open-dag-ob {
  margin-top: 100px;
  margin-bottom: 0;
}

.onderwijs-sectie-grijs.bg-blauw {
  background-color: var(--dark-slate-blue);
}

.onderwijs-sectie-grijs.onderwijs-wit {
  padding-top: 100px;
  padding-bottom: 100px;
}

.onderwijs-sectie-grijs.onderwijs-grijs {
  background-color: #004a790d;
  padding-top: 100px;
  padding-bottom: 100px;
}

.onderwijs-sectie-lichtgroen {
  background-color: #89bd2433;
  padding-top: 0;
}

.grid-form-vraag {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template: "voornaam voornaam voornaam voornaam voornaam voornaam achternaam achternaam achternaam achternaam achternaam achternaam"
                 "email email email email email email telefoon telefoon telefoon telefoon telefoon telefoon"
                 "vraag vraag vraag vraag vraag vraag vraag vraag vraag vraag vraag vraag"
                 "afspraak afspraak afspraak afspraak afspraak afspraak afspraak afspraak afspraak submit submit submit"
                 / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.img-onderwijs-right {
  object-fit: fill;
}

.img-full-width {
  width: 100%;
  margin-top: 40px;
}

.menu-button {
  display: none;
}

.onderwijs-sectie-lichtblauw {
  background-color: #0095d633;
  padding-top: 0;
}

.grid-form-infoavond {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template: "voornaam voornaam voornaam voornaam voornaam voornaam achternaam achternaam achternaam achternaam achternaam achternaam"
                 "email email email email email email telefoon telefoon telefoon telefoon telefoon telefoon"
                 "deel deel deel deel deel deel deel deel deel deel deel deel"
                 ". . . . . . . . . submit submit submit"
                 / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.grid-form-intro-digi-info {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template: ". title title title title title title title title title doodle-2 doodle-2"
                 ". intro intro intro intro intro intro intro intro intro doodle-2 doodle-2"
                 / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  margin-top: 100px;
  margin-bottom: 60px;
}

.form-field-area {
  border: 1px solid var(--white);
  background-color: #89bd2433;
  border-radius: 7px;
  height: 80px;
  margin: 10px;
  position: relative;
}

.form-field-area.auto-height {
  height: auto;
  padding-bottom: 20px;
}

.form-field-area.blauw {
  background-color: #0095d633;
}

.form-field-area.wit {
  background-color: var(--white);
  padding-top: 0;
}

.grid-text-right {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template: "img img img img text text text text text text text text"
  / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.grid-elements {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.elements-headings {
  width: 100%;
}

.elemenets-color {
  float: left;
  width: 100px;
  height: 100px;
  margin-bottom: 20px;
  margin-right: 20px;
}

.elemenets-color.paars {
  background-color: var(--dark-magenta);
}

.elemenets-color.groen {
  background-color: var(--yellow-green);
}

.elemenets-color.donkerblauw {
  background-color: var(--midnight-blue);
}

.elemenets-color.blauw {
  background-color: var(--dark-slate-blue);
}

.elemenets-color.lichtblauw {
  background-color: var(--dodger-blue);
}

.elemenets-color.rood {
  background-color: var(--red);
}

.elemenets-color.roze {
  background-color: var(--hot-pink);
}

.elemenets-color.oranje {
  background-color: var(--orange);
}

.elemenets-color.geel {
  background-color: var(--yellow);
}

.logo-opwit {
  clear: left;
  margin-bottom: 20px;
  padding: 15px;
}

.logo-diap {
  clear: left;
  background-color: var(--dark-slate-blue);
  margin-bottom: 20px;
  padding: 16px;
}

.grid-subfooter {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template: "info info info info info info info info info info logo logo"
  / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.kijk-rond-title {
  color: var(--dark-magenta);
  transform: rotate(-4deg);
}

.kijk-rond-sectie {
  perspective-origin: 0 100%;
  transform-origin: 0 100%;
  padding-top: 100px;
  padding-bottom: 100px;
  position: relative;
}

.kijk-rond-sectie.cta-open-dag {
  margin-top: 100px;
  margin-bottom: 100px;
}

.kijk-rond-sectie.cta-proefles {
  margin-top: 100px;
  margin-bottom: 130px;
}

.kijk-rond-sectie.cta-open-dag-ob {
  margin-top: 100px;
  margin-bottom: 0;
}

.kijk-rond-sectie.bg-blauw {
  background-color: var(--dark-slate-blue);
}

.kijk-rond-sectie.onderwijs-wit {
  padding-top: 100px;
  padding-bottom: 100px;
}

.kijk-rond-sectie.onderwijs-grijs {
  background-color: #004a790d;
  padding-top: 100px;
  padding-bottom: 100px;
}

.kijk-rond-subtitle-sectie {
  perspective-origin: 0 100%;
  transform-origin: 0 100%;
  padding-top: 100px;
  padding-bottom: 50px;
  position: relative;
}

.kijk-rond-subtitle-sectie.cta-open-dag {
  margin-top: 100px;
  margin-bottom: 100px;
}

.kijk-rond-subtitle-sectie.cta-proefles {
  margin-top: 100px;
  margin-bottom: 130px;
}

.kijk-rond-subtitle-sectie.cta-open-dag-ob {
  margin-top: 100px;
  margin-bottom: 0;
}

.kijk-rond-subtitle-sectie.bg-blauw {
  background-color: var(--dark-slate-blue);
}

.kijk-rond-subtitle-sectie.onderwijs-wit {
  padding-top: 100px;
  padding-bottom: 100px;
}

.kijk-rond-subtitle-sectie.onderwijs-grijs {
  background-color: #004a790d;
  padding-top: 100px;
  padding-bottom: 100px;
}

.section-vlog {
  perspective-origin: 0 100%;
  transform-origin: 0 100%;
  position: relative;
}

.section-vlog.cta-open-dag {
  margin-top: 100px;
  margin-bottom: 100px;
}

.section-vlog.cta-proefles {
  margin-top: 100px;
  margin-bottom: 130px;
}

.section-vlog.cta-open-dag-ob {
  margin-top: 100px;
  margin-bottom: 0;
}

.section-vlog.cta-open-dag-ob.hide {
  display: none;
}

.section-vlog.bg-blauw {
  background-color: var(--dark-slate-blue);
}

.section-vlog.onderwijs-wit {
  padding-top: 100px;
  padding-bottom: 100px;
}

.section-vlog.onderwijs-grijs {
  background-color: #004a790d;
  padding-top: 100px;
  padding-bottom: 100px;
}

.section-vlog.cta-open-dag-zb {
  margin-top: 100px;
  margin-bottom: 0;
}

.grid-video-title {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template: "text text text text text text text text text"
  / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.header-aanmelden {
  background-color: var(--dark-magenta);
  perspective-origin: 0 100%;
  transform-origin: 0 100%;
  margin-bottom: 0;
  padding-top: 200px;
  padding-bottom: 100px;
  position: static;
}

.header-aanmelden.cta-open-dag {
  margin-top: 100px;
  margin-bottom: 100px;
}

.header-aanmelden.cta-proefles {
  margin-top: 100px;
  margin-bottom: 130px;
}

.header-aanmelden.cta-open-dag-ob {
  margin-top: 100px;
  margin-bottom: 0;
}

.header-aanmelden.bg-blauw {
  background-color: var(--dark-slate-blue);
}

.header-aanmelden.bg-groen {
  background-color: var(--yellow-green);
}

.header-aanmelden.bg-lichtblauw {
  background-color: var(--dodger-blue);
}

.grid-header-aanmelden {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template: "titel titel titel titel titel titel titel titel titel titel doodle doodle"
                 ". . . . . . . . . . . ." 39px
                 ". . text text text text . text2 text2 text2 text2 ."
                 "doodle2 doodle2 uitleg uitleg uitleg uitleg uitleg uitleg uitleg uitleg uitleg ." 140px
                 / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.grid-video-title-copy {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template: "text text text text text text text text text"
  / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.grid-video-title-copy.aanmeldingspagina {
  margin-top: 140px;
}

.onderwijs-sectie-paars {
  background-color: var(--dark-magenta);
  padding-top: 0;
}

.grid-footer-aanmelden {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template: "titel titel titel titel titel titel titel titel titel titel titel titel"
                 ". . . . . . . . . . . ." 40px
                 "text text text text text text text text text text text text"
                 / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  margin-top: 100px;
  margin-bottom: 100px;
}

.aanmeld-btn {
  margin-top: 15px;
  display: inline-block;
}

.button-txt-small {
  font-size: 20px;
  line-height: 20px;
}

.button-small {
  background-color: var(--white);
  color: var(--orange);
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  margin: 10px;
  padding: 20px 25px;
  font-family: Londrina Solid, sans-serif;
  font-size: 25px;
  font-weight: 900;
  line-height: 30px;
  text-decoration: none;
  transition: all .4s;
  display: flex;
  position: relative;
  inset: 0%;
}

.button-small:hover {
  background-color: var(--dark-magenta);
  color: var(--orange);
}

.button-small.paars {
  background-color: var(--dark-magenta);
  color: var(--white);
}

.button-small.paars:hover {
  background-color: var(--white);
  color: var(--yellow-green);
}

.button-small.oranje {
  background-color: var(--orange);
  color: var(--white);
  width: auto;
  margin-left: 10px;
  padding: 12px 15px;
  display: flex;
}

.button-small.oranje:hover {
  background-color: var(--dark-magenta);
  color: var(--white);
}

.button-small.oranje.w--current {
  flex-wrap: nowrap;
  width: auto;
  display: flex;
}

.bg-aanmelden {
  background-color: var(--orange);
  position: absolute;
  inset: 0%;
  transform: rotate(-4deg);
}

.footer-txt {
  color: var(--white);
  text-align: left;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}

.grid-meer-over-zb {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template: "titel titel titel titel titel titel titel titel doodle doodle doodle doodle"
                 ". . text text text text text text text text . ."
                 ". . . . . . . . . . . ." 30px
                 ". . cta cta cta cta cta cta cta cta . ."
                 / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.center-txt-link {
  color: var(--white);
  text-align: center;
  margin-top: 20px;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}

.onderwijs-sectie-blauw {
  background-color: var(--dodger-blue);
  padding-top: 0;
}

.aanmeld-ctas {
  color: var(--white);
  text-align: center;
}

.grid-form-mld-oudenbosch-klas-2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template: "voornaam voornaam voornaam voornaam voornaam voornaam achternaam achternaam achternaam achternaam achternaam achternaam"
                 "basisschool basisschool basisschool basisschool basisschool basisschool plaats plaats plaats plaats plaats plaats"
                 "email email email email email email tel tel tel tel tel tel"
                 "mentor mentor mentor mentor mentor mentor mail-mentor mail-mentor mail-mentor mail-mentor mail-mentor mail-mentor"
                 "advies advies advies advies advies advies advies advies advies advies advies advies"
                 "interresse interresse interresse interresse interresse interresse interresse interresse interresse interresse interresse interresse"
                 ". . . . . . . . submit submit submit ."
                 / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.hide {
  display: none;
}

.grid-header-aanmelden-zb {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template: "titel titel titel titel titel titel titel titel titel titel doodle doodle"
                 ". . . . . . . . . . . ." 40px
                 ". . text text text text text text text text text ."
                 "doodle2 doodle2 uitleg uitleg uitleg uitleg uitleg uitleg uitleg uitleg uitleg ." 140px
                 / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.temp-chat-message {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 140px;
  padding-bottom: 40px;
}

.chat-message {
  flex: none;
  align-items: center;
  padding: 0;
}

.message-txt {
  color: var(--white);
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}

.temp-message {
  background-color: var(--dark-slate-blue);
  perspective-origin: 0 100%;
  transform-origin: 0 100%;
  display: none;
  position: relative;
  overflow: visible;
}

.temp-message.cta-open-dag {
  margin-top: 100px;
  margin-bottom: 100px;
}

.temp-message.cta-proefles {
  margin-top: 100px;
  margin-bottom: 130px;
}

.temp-message.cta-open-dag-ob {
  margin-top: 100px;
  margin-bottom: 0;
}

.temp-message.cta-open-dag-ob.hide {
  display: none;
}

.temp-message.bg-blauw {
  background-color: var(--dark-slate-blue);
}

.temp-message.onderwijs-wit {
  padding-top: 100px;
  padding-bottom: 100px;
}

.temp-message.onderwijs-grijs {
  background-color: #004a790d;
  padding-top: 100px;
  padding-bottom: 100px;
}

.temp-message.cta-open-dag-zb {
  margin-top: 100px;
  margin-bottom: 0;
}

.temp-message.cta-aanmelden {
  margin-top: 100px;
  margin-bottom: 80px;
}

.temp-message.bg-lichtgrijs {
  background-color: #004a790d;
}

.temp-message.chat-message {
  background-color: var(--dark-slate-blue);
  padding: 0;
  display: block;
}

.open-dag-video {
  margin-top: 40px;
  margin-bottom: 40px;
}

.section-2 {
  margin-top: 0;
  padding-top: 40px;
  padding-bottom: 15px;
}

.bold-text {
  color: var(--orange);
}

.container-2 {
  margin-top: 40px;
  margin-bottom: 40px;
  padding-left: 10px;
  padding-right: 10px;
}

.header-masterclasses {
  background-color: var(--dark-magenta);
  perspective-origin: 0 100%;
  transform-origin: 0 100%;
  margin-bottom: 0;
  padding-top: 200px;
  padding-bottom: 100px;
  position: static;
}

.header-masterclasses.cta-open-dag {
  margin-top: 100px;
  margin-bottom: 100px;
}

.header-masterclasses.cta-proefles {
  margin-top: 100px;
  margin-bottom: 130px;
}

.header-masterclasses.cta-open-dag-ob {
  margin-top: 100px;
  margin-bottom: 0;
}

.header-masterclasses.bg-blauw {
  background-color: var(--dark-slate-blue);
}

.header-masterclasses.bg-groen {
  background-color: var(--yellow-green);
}

.heading-6 {
  color: var(--white);
}

.paragraph-2 {
  margin-top: 10px;
  margin-bottom: 40px;
}

.heading-8 {
  color: var(--dark-slate-blue);
  margin-top: 40px;
}

.heading-9 {
  font-size: 100px;
  line-height: 100px;
}

.heading-10 {
  margin-top: 35px;
}

.image {
  max-width: NaN% ;
  width: 200px;
  height: auto;
}

.button-2 {
  color: #004a79;
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #951c80;
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  margin: 10px 100px;
  padding: 20px 25px;
  font-family: Londrina Solid, sans-serif;
  font-size: 25px;
  font-weight: 900;
  line-height: 30px;
  text-decoration: none;
  transition: all .4s;
  display: flex;
  position: relative;
  inset: 0%;
}

.button-2:hover {
  color: #951c80;
  background-color: #fff;
}

.button-txt-2 {
  color: #fff;
  font-size: 25px;
}

.button-txt-2:hover {
  color: #fff;
}

.heading-11 {
  color: var(--dodger-blue);
}

.image-2 {
  float: none;
  aspect-ratio: auto;
  text-align: center;
  object-fit: fill;
  max-width: 90%;
  position: static;
  overflow: auto;
}

.rich-txt-blauw-2 {
  color: #004a79;
  max-width: 940px;
  margin: 0 auto 60px;
  padding-top: 0;
}

.rich-txt-blauw-2 ul {
  margin-bottom: 0;
  padding-left: 20px;
  font-family: Roboto, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 30px;
}

.rich-txt-blauw-2 ol {
  padding-left: 20px;
  font-family: Roboto, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 30px;
}

.rich-txt-blauw-2 h3 {
  letter-spacing: 0;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 20px;
  font-weight: 900;
  line-height: 30px;
}

.rich-txt-blauw-2 a {
  color: #001b32;
  border-bottom: 1px solid #000;
  text-decoration: none;
  transition: all .4s;
}

.rich-txt-blauw-2 a:hover {
  color: #951c80;
  border-bottom-color: #951c80;
}

.rich-txt-blauw-2 p {
  margin-top: 10px;
  margin-bottom: 0;
}

@media screen and (max-width: 991px) {
  h1 {
    font-size: 96px;
    line-height: 88px;
  }

  h2 {
    font-size: 38px;
    line-height: 38px;
  }

  h3 {
    font-size: 20px;
    line-height: 20px;
  }

  h4 {
    font-size: 70px;
    line-height: 70px;
  }

  h5 {
    font-size: 16px;
    line-height: 24px;
  }

  h6 {
    font-size: 13px;
    line-height: 20px;
  }

  p {
    font-size: 16px;
    line-height: 24px;
  }

  .header-inschrijven {
    padding-top: 320px;
    padding-bottom: 220px;
  }

  .hero-title {
    padding-right: 210px;
  }

  .hero-background {
    margin: -30px -70px -70px;
  }

  .header-doodle-bottom {
    right: 270px;
  }

  .grid-intro {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-areas: "intro intro intro intro intro doodle img img img";
  }

  .img-sokkel-hero1 {
    width: 180px;
    margin-top: 20px;
  }

  .img-hero1 {
    width: 300px;
  }

  .grid-logo {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-areas: ". . . . logo logo logo logo logo";
  }

  .menu-logo-wrapper {
    padding-top: 40px;
  }

  .grid-form-intro {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-areas: "doodle-1 title title title title title kids kids doodle-2"
                         "doodle-1 intro intro intro intro intro intro intro doodle-2";
  }

  .p-heading {
    font-size: 20px;
  }

  .form-field {
    height: 70px;
  }

  .input {
    height: 70px;
    font-size: 18px;
    line-height: 24px;
  }

  .form-label {
    font-size: 18px;
    line-height: 24px;
  }

  .submit-button {
    font-size: 20px;
    line-height: 20px;
  }

  .grid-form {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-areas: "voornaam voornaam voornaam voornaam achternaam achternaam achternaam achternaam"
                         "basisschool basisschool basisschool basisschool plaats plaats plaats plaats"
                         "email email email email email email email email"
                         "advies advies advies advies advies advies advies advies"
                         "datum datum datum datum datum datum datum datum"
                         ". . . . . submit submit submit";
  }

  .form-doodle-foto {
    width: 80px;
    top: -70px;
    left: 0;
  }

  .form-doodle-rocku {
    width: 56px;
    top: -5px;
    right: 0;
  }

  .subfooter {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .grid-footer {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-areas: "info info info info logo logo links links";
  }

  .home-txt-link {
    font-size: 13px;
    line-height: 20px;
  }

  .created-by {
    padding-left: 30px;
  }

  .container-cbb {
    padding-left: 0;
    padding-right: 0;
  }

  .grid-rich-content {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-areas: "doodle-1 intro intro intro intro intro intro intro doodle-2";
    margin-top: 30px;
  }

  .rich-txt ul, .rich-txt ol {
    font-size: 16px;
    line-height: 24px;
  }

  .rich-txt h3 {
    margin-bottom: 0;
    line-height: 24px;
  }

  .header-privacy {
    padding-top: 220px;
    padding-bottom: 220px;
  }

  .form-label-fixed {
    font-size: 18px;
    line-height: 24px;
  }

  .radio-fields {
    flex-flow: column wrap;
    place-content: flex-start space-between;
    align-items: flex-start;
    display: block;
  }

  .radio-button-label {
    font-size: 18px;
    line-height: 24px;
  }

  .radio-button {
    border-radius: 10px;
    flex: none;
  }

  .grid-home {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-areas: "title title title title title title title title title"
                         ". . . . . . . . ."
                         "button1 button1 button1 button1 . button2 button2 button2 button2"
                         "cta1 cta1 cta1 cta1 . cta2 cta2 cta2 cta2"
                         "sub1 sub1 sub1 sub1 . sub2 sub2 sub2 sub2";
  }

  .kids-only {
    top: -20px;
  }

  .kids-only-txt {
    font-size: 25px;
    line-height: 25px;
  }

  .heading-4 {
    line-height: 30px;
  }

  .grid-cta-open-dag {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-areas: ". . . . . doodle1 doodle1 doodle1 doodle1"
                         "title title title title text text text text text"
                         "title title title title button button button button button"
                         "doodle2 doodle2 doodle2 doodle2 . . . . .";
  }

  .cta-open-dag-title {
    padding-top: 0;
    padding-bottom: 30px;
  }

  .cta-open-dag-txt {
    padding-top: 30px;
    padding-right: 15px;
  }

  .alt-txt-height {
    line-height: 25px;
  }

  .button, .herobutton {
    font-size: 20px;
    line-height: 20px;
  }

  .grid-form-intro-digital {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-areas: "doodle-1 title title title title title title . doodle-2"
                         "doodle-1 intro intro intro intro intro intro intro doodle-2";
  }

  .form-doodle-muts {
    width: 80px;
    top: -70px;
    left: 0;
  }

  .open-dag-header-doodle-bottom {
    right: 270px;
  }

  .grid-form-mld-zevenbergen {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-areas: "voornaam voornaam voornaam voornaam achternaam achternaam achternaam achternaam"
                         "basisschool basisschool basisschool basisschool plaats plaats plaats plaats"
                         "email email email email email email email email"
                         "advies advies advies advies advies advies advies advies"
                         "interresse interresse interresse interresse interresse interresse interresse interresse"
                         "datum datum datum datum datum datum datum datum"
                         ". . . . submit submit submit .";
  }

  .form-checkbox-columns {
    width: 75%;
  }

  .grid-form-dod-zevenbergen {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-areas: "voornaam voornaam voornaam voornaam achternaam achternaam achternaam achternaam"
                         "postcode postcode postcode postcode postcode postcode postcode postcode"
                         "basisschool basisschool basisschool basisschool plaats plaats plaats plaats"
                         "email email email email email email email email"
                         "advies advies advies advies advies advies advies advies"
                         "interresse interresse interresse interresse interresse interresse interresse interresse"
                         "datum datum datum datum datum datum datum datum"
                         ". . . . submit submit submit .";
  }

  .img-hero2 {
    width: 330px;
    left: -33px;
  }

  .grid-cta-proefles {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-areas: ". . . . . doodle1 doodle1 doodle1 doodle1"
                         "title title title title title button button button button"
                         "title title title title title button button button button"
                         "doodle2 doodle2 doodle2 doodle2 . . . . .";
  }

  .cta-proefles-title {
    padding-top: 0;
    padding-bottom: 0;
  }

  .button-proefles {
    font-size: 20px;
    line-height: 20px;
  }

  .grid {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .nav-link {
    color: var(--white);
    padding: 20px;
  }

  .nav-link.w--current {
    color: var(--yellow);
  }

  .nav-menu {
    background-color: var(--dodger-blue);
    padding: 20px;
  }

  .header-inschrijven-zb {
    padding-top: 220px;
    padding-bottom: 220px;
  }

  .button-meer-lezen {
    font-size: 20px;
    line-height: 20px;
  }

  .grid-header-onderwijs-info {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-areas: "titel titel titel titel titel titel titel doodle doodle"
                         ". . . . . . . . ."
                         ". text text text text text text text text"
                         "doodle2 doodle2 . . . . . . ."
                         ". . cta cta cta cta cta . .";
  }

  .rich-txt-wit ul, .rich-txt-wit ol {
    font-size: 16px;
    line-height: 24px;
  }

  .rich-txt-wit h3 {
    margin-bottom: 0;
    line-height: 24px;
  }

  .grid-text-left {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-areas: "text text text text text img img img img";
  }

  .rich-txt-blauw ul, .rich-txt-blauw ol {
    font-size: 16px;
    line-height: 24px;
  }

  .rich-txt-blauw h3 {
    margin-bottom: 0;
    font-size: 16px;
    line-height: 24px;
  }

  .grid-textright {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-areas: "img img img img text text text text text";
  }

  .grid-form-vraag {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-areas: "voornaam voornaam voornaam voornaam achternaam achternaam achternaam achternaam"
                         "email email email email telefoon telefoon telefoon telefoon"
                         "vraag vraag vraag vraag vraag vraag vraag vraag"
                         "afspraak afspraak afspraak afspraak afspraak afspraak submit submit";
  }

  .menu-button {
    flex-direction: column;
    place-content: space-between;
    align-items: stretch;
    padding: 0;
  }

  .menu-button.w--open {
    background-color: #0000;
  }

  .menu-btn-line {
    background-color: var(--midnight-blue);
    width: 100%;
    height: 3px;
    padding: 0;
  }

  .menu-btn-line-wrapper {
    flex-direction: column;
    justify-content: space-between;
    width: 30px;
    height: 30px;
    display: flex;
    position: relative;
  }

  .grid-form-infoavond {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-areas: "voornaam voornaam voornaam voornaam achternaam achternaam achternaam achternaam"
                         "email email email email telefoon telefoon telefoon telefoon"
                         "deel deel deel deel deel deel deel deel"
                         ". . . . . . submit submit";
  }

  .grid-form-intro-digi-info {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-areas: ". title title title title title title doodle-2 doodle-2"
                         ". intro intro intro intro intro intro doodle-2 doodle-2";
  }

  .form-field-area {
    height: 70px;
  }

  .grid-text-right {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-areas: "text text text text text img img img img";
  }

  .grid-elements {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .grid-subfooter {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-areas: "info info info info info info logo logo";
  }

  .grid-video-title {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-areas: "text text text text text text text text";
  }

  .grid-header-aanmelden {
    grid-template: "titel titel titel titel titel titel titel doodle doodle"
                   ". . . . . . . . ." 40px
                   "text text text text . text2 text2 text2 text2"
                   ". . . . . . . . ." 40px
                   "doodle2 doodle2 uitleg uitleg uitleg uitleg uitleg uitleg uitleg"
                   / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .grid-video-title-copy {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-areas: "text text text text text text text text";
  }

  .grid-footer-aanmelden {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-areas: "titel titel titel titel titel titel titel titel titel"
                         ". . . . . . . . ."
                         "text text text text text text text text text";
  }

  .aanmeld-btn {
    float: left;
  }

  .button-small {
    font-size: 20px;
    line-height: 20px;
  }

  .footer-txt, .center-txt-link {
    font-size: 13px;
    line-height: 20px;
  }

  .grid-form-mld-oudenbosch-klas-2 {
    grid-template: "voornaam voornaam voornaam voornaam achternaam achternaam achternaam achternaam"
                   "basisschool basisschool basisschool basisschool plaats plaats plaats plaats"
                   "email email email email tel tel tel tel"
                   "mentor mentor mentor mentor mail-mentor mail-mentor mail-mentor mail-mentor"
                   "advies advies advies advies interresse interresse interresse interresse"
                   ". . . . . submit submit submit"
                   / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .grid-header-aanmelden-zb {
    grid-template: "titel titel titel titel titel titel titel doodle doodle"
                   ". . . . . . . . ." 40px
                   ". . text text text text text text text"
                   ". . . . . . . . ." 40px
                   "doodle2 doodle2 uitleg uitleg uitleg uitleg uitleg uitleg uitleg"
                   / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .message-txt {
    font-size: 13px;
    line-height: 20px;
  }

  .button-2 {
    font-size: 20px;
    line-height: 20px;
  }

  .rich-txt-blauw-2 ul, .rich-txt-blauw-2 ol {
    font-size: 16px;
    line-height: 24px;
  }

  .rich-txt-blauw-2 h3 {
    margin-bottom: 0;
    font-size: 16px;
    line-height: 24px;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 76px;
    line-height: 70px;
  }

  h4 {
    font-size: 60px;
    line-height: 60px;
  }

  .header-inschrijven {
    padding-top: 290px;
    padding-bottom: 400px;
  }

  .header-inschrijven.dod-oranje {
    padding-top: 330px;
    padding-bottom: 175px;
  }

  .hero-wrapper {
    padding-left: 40px;
    padding-right: 30px;
  }

  .hero-title {
    padding-right: 200px;
  }

  .hero-background {
    margin-right: 40px;
  }

  .hero-background.dod-wit {
    margin-top: -50px;
    margin-bottom: -75px;
  }

  .header-doodle-top {
    width: 120px;
    top: -26px;
    left: 130px;
  }

  .header-doodle-bottom {
    display: none;
  }

  .header-doodle-liniaal {
    inset: -25px -52px auto auto;
  }

  .container {
    padding-left: 30px;
    padding-right: 30px;
  }

  .grid-content.float-buttons {
    flex-direction: column;
    align-items: stretch;
  }

  .grid-intro {
    grid-template: "doodle img img img" 1fr
                   "intro intro intro intro" 1fr
                   / 1fr 1fr 1fr 1fr;
  }

  .intro-wrapper {
    margin-top: -30px;
    margin-left: -10px;
    margin-right: -10px;
    padding: 30px;
  }

  .img-sokkel-hero1 {
    width: 250px;
    margin-left: 40px;
  }

  .img-hero1 {
    inset: auto auto 40px 60px;
  }

  .grid-logo {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-areas: ". . logo logo";
  }

  .menu-logo-wrapper {
    padding-top: 30px;
  }

  .intro-doodle-schrift {
    filter: brightness(70%);
    height: 160px;
    top: -110px;
    left: 49px;
  }

  .grid-form-intro {
    grid-template: "doodle-1 kids doodle-2"
                   "title title title"
                   "intro intro intro"
                   / 1fr 1fr 1fr;
    margin-top: 80px;
    margin-bottom: 10px;
  }

  .form-field {
    height: 60px;
  }

  .input {
    height: 60px;
    padding: 10px 20px 0;
  }

  .input.select {
    padding-left: 18px;
  }

  .form-label {
    top: 18px;
    left: 20px;
  }

  .submit-button {
    height: 60px;
    padding: 11px 15px 8px;
    font-size: 22px;
    line-height: 32px;
  }

  .grid-form {
    grid-template: "voornaam voornaam achternaam achternaam"
                   "basisschool basisschool plaats plaats"
                   "email email email email"
                   "advies advies advies advies"
                   "datum datum datum datum"
                   "submit submit submit submit"
                   / 1fr 1fr 1fr 1fr;
  }

  .form-doodle-foto {
    width: 100px;
    top: -125px;
  }

  .form-doodle-rocku {
    top: -20px;
    right: 10px;
  }

  .form-doodle-rocku.rich-text {
    top: -70px;
  }

  .grid-footer {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-template-areas: "info info info logo links";
  }

  .img-logo {
    width: 120px;
  }

  .txt-wrap {
    white-space: nowrap;
  }

  .created-by-bigbooom {
    padding-left: 40px;
    padding-right: 41px;
  }

  .created-by {
    padding-left: 10px;
    padding-right: 10px;
  }

  .container-cbb {
    padding-left: 30px;
    padding-right: 30px;
  }

  .grid-rich-content {
    grid-template: "doodle-1 . . doodle-2"
                   "intro intro intro intro"
                   / 1fr 1fr 1fr 1fr;
    margin-top: 80px;
    margin-bottom: 10px;
  }

  .header-privacy {
    padding-top: 190px;
    padding-bottom: 170px;
  }

  .header-privacy.ob, .header-privacy.zb {
    padding-top: 290px;
  }

  .form-label-fixed {
    top: 18px;
    left: 20px;
  }

  .radio-fields {
    margin-top: 60px;
  }

  .radio-button {
    margin-left: -30px;
  }

  .grid-home {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-areas: "title title title title title title"
                         ". . . . . ."
                         "button1 button1 button1 button2 button2 button2"
                         "cta1 cta1 cta1 cta2 cta2 cta2"
                         "sub1 sub1 sub1 sub2 sub2 sub2";
  }

  .kids-only {
    left: 211px;
  }

  .grid-cta-open-dag {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-areas: ". . . doodle1 doodle1 doodle1"
                         "title title text text text text"
                         "title title button button button button"
                         "doodle2 doodle2 doodle2 . . .";
  }

  .button {
    height: 60px;
    padding: 9px 25px 8px;
    font-size: 22px;
    line-height: 32px;
  }

  .button-txt.small {
    font-size: 16px;
    line-height: 20px;
  }

  .cta-open-dag-doodle-top, .cta-open-dag-doodle-bottom {
    width: 120px;
  }

  .herobutton {
    height: 60px;
    padding: 9px 25px 8px;
    font-size: 22px;
    line-height: 32px;
  }

  .herobutton.oudenbosch, .herobutton.zevenbergen {
    bottom: -67px;
    right: 88px;
  }

  .grid-form-intro-digital {
    grid-template: "doodle-1 . doodle-2"
                   "title title title"
                   "intro intro intro"
                   / 1fr 1fr 1fr;
    margin-top: 80px;
    margin-bottom: 10px;
  }

  .header-doodle-potlood {
    inset: -87px -10px auto auto;
  }

  .form-doodle-laptop {
    top: -120px;
    right: -18px;
  }

  .form-doodle-laptop.rich-text {
    top: -70px;
  }

  .form-doodle-muts {
    width: 80px;
    top: -71px;
    left: 20px;
  }

  .open-dag-header-doodle-bottom {
    width: 120px;
    bottom: -25px;
    left: 245px;
  }

  .grid-form-mld-zevenbergen {
    grid-template: "voornaam voornaam voornaam voornaam"
                   "achternaam achternaam achternaam achternaam"
                   "basisschool basisschool basisschool basisschool"
                   "plaats plaats plaats plaats"
                   "email email email email"
                   "advies advies advies advies"
                   "interresse interresse interresse interresse"
                   "datum datum datum datum"
                   "submit submit submit submit"
                   / 1fr 1fr 1fr 1fr;
  }

  .form-checkbox-columns {
    width: 100%;
  }

  .grid-form-dod-zevenbergen {
    grid-template: "voornaam voornaam voornaam voornaam"
                   "achternaam achternaam achternaam achternaam"
                   "postcode postcode postcode postcode"
                   "basisschool basisschool basisschool basisschool"
                   "plaats plaats plaats plaats"
                   "email email email email"
                   "advies advies advies advies"
                   "interresse interresse interresse interresse"
                   "datum datum datum datum"
                   "submit submit submit submit"
                   / 1fr 1fr 1fr 1fr;
  }

  .img-hero2 {
    width: 390px;
    inset: auto auto 40px 22px;
  }

  .kies-button-img {
    width: 200px;
  }

  .kies-button-txt {
    padding: 30px;
  }

  .grid-cta-proefles {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-areas: ". . . doodle1 doodle1 doodle1"
                         "title title title button button button"
                         "title title title button button button"
                         "doodle2 doodle2 doodle2 . . .";
  }

  .button-proefles {
    height: 60px;
    padding: 9px 25px 8px;
    font-size: 22px;
    line-height: 32px;
  }

  .cta-proefles-doodle-top {
    width: 120px;
    margin-top: -50px;
  }

  .cta-proefles-doodle-bottom {
    width: 120px;
    margin-bottom: -50px;
  }

  .grid {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .header-inschrijven-zb {
    padding-top: 190px;
    padding-bottom: 400px;
  }

  .header-inschrijven-zb.dod-oranje {
    padding-top: 224px;
    padding-bottom: 175px;
  }

  .grid-meer-over {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-areas: "titel titel titel titel titel doodle"
                         ". text text text text text"
                         ". . . . . ."
                         ". cta cta cta cta cta";
  }

  .button-meer-lezen {
    height: 60px;
    padding: 9px 25px 8px;
    font-size: 22px;
    line-height: 32px;
  }

  .button-meer-lezen.home-cta {
    padding-left: 10px;
    padding-right: 10px;
  }

  .button-meer-lezen.margin-right {
    margin-right: 0;
  }

  .grid-header-onderwijs-info {
    grid-template: "titel titel titel titel titel titel"
                   ". . . . doodle doodle" 109px
                   ". . . . . ." 20px
                   "text text text text text text"
                   ". . . . . ." 20px
                   "doodle2 doodle2 . . . ." 80px
                   ". cta cta cta cta cta"
                   / 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .header-onderwijs-info {
    padding-top: 150px;
    padding-bottom: 50px;
  }

  .grid-text-left {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-areas: "text text text text img img";
  }

  .grid-textright {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-areas: "img img text text text text";
  }

  .onderwijs-sectie-wit, .onderwijs-sectie-grijs {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .onderwijs-sectie-lichtgroen {
    padding-top: 0;
  }

  .grid-form-vraag {
    grid-template: "voornaam voornaam voornaam voornaam"
                   "achternaam achternaam achternaam achternaam"
                   "email email email email"
                   "telefoon telefoon telefoon telefoon"
                   "vraag vraag vraag vraag"
                   "afspraak afspraak afspraak afspraak"
                   "submit submit submit submit"
                   / 1fr 1fr 1fr 1fr;
  }

  .onderwijs-sectie-lichtblauw {
    padding-top: 0;
  }

  .grid-form-infoavond {
    grid-template: "voornaam voornaam voornaam voornaam"
                   "achternaam achternaam achternaam achternaam"
                   "email email email email"
                   "telefoon telefoon telefoon telefoon"
                   "deel deel deel deel"
                   "submit submit submit submit"
                   / 1fr 1fr 1fr 1fr;
  }

  .grid-form-intro-digi-info {
    grid-template: ". doodle-2 ."
                   "title title title"
                   "intro intro intro"
                   / 1fr 1fr 1fr;
    margin-top: 80px;
    margin-bottom: 10px;
  }

  .form-field-area {
    height: 60px;
  }

  .grid-text-right {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-areas: "text text text text img img";
  }

  .grid-elements {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .grid-subfooter {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-template-areas: "info info info . logo";
  }

  .kijk-rond-sectie {
    padding-top: 50px;
    padding-bottom: 0;
  }

  .kijk-rond-subtitle-sectie {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .grid-video-title {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-areas: "text text text text text text";
  }

  .header-aanmelden {
    padding-top: 150px;
    padding-bottom: 50px;
  }

  .grid-header-aanmelden {
    grid-template: "titel titel titel titel titel doodle"
                   ". . . . . ." 40px
                   "text text text text2 text2 text2"
                   ". . . . . ." 40px
                   "doodle2 uitleg uitleg uitleg uitleg uitleg"
                   / 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .grid-video-title-copy {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-areas: "text text text text text text";
  }

  .onderwijs-sectie-paars {
    padding-top: 0;
  }

  .grid-footer-aanmelden {
    grid-template: "titel titel titel titel titel titel"
                   ". . . . . ." 40px
                   "text text text text text text"
                   / 1fr 1fr 1fr 1fr 1fr 1fr;
    margin-top: 50px;
    margin-bottom: 50px;
  }

  .button-txt-small.small {
    font-size: 16px;
    line-height: 20px;
  }

  .button-small {
    height: 60px;
    padding: 9px 25px 8px;
    font-size: 22px;
    line-height: 32px;
  }

  .grid-meer-over-zb {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-areas: "titel titel titel titel titel doodle"
                         ". text text text text text"
                         ". . . . . ."
                         ". cta cta cta cta cta";
  }

  .onderwijs-sectie-blauw {
    padding-top: 0;
  }

  .grid-form-mld-oudenbosch-klas-2 {
    grid-template: "voornaam voornaam voornaam voornaam"
                   "achternaam achternaam achternaam achternaam"
                   "basisschool basisschool basisschool basisschool"
                   "plaats plaats plaats plaats"
                   "email email email email"
                   "tel tel tel tel"
                   "mentor mentor mentor mentor"
                   "mail-mentor mail-mentor mail-mentor mail-mentor"
                   "advies advies advies advies"
                   "interresse interresse interresse interresse"
                   "submit submit submit submit"
                   / 1fr 1fr 1fr 1fr;
  }

  .grid-header-aanmelden-zb {
    grid-template: "titel titel titel titel titel doodle"
                   ". . . . . ." 40px
                   ". text text text text text"
                   ". . . . . ." 40px
                   "doodle2 uitleg uitleg uitleg uitleg uitleg"
                   / 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .header-masterclasses {
    padding-top: 150px;
    padding-bottom: 50px;
  }

  .button-2 {
    height: 60px;
    padding: 9px 25px 8px;
    font-size: 22px;
    line-height: 32px;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: 45px;
    line-height: 42px;
  }

  h2 {
    letter-spacing: 1.5px;
    font-size: 19px;
    line-height: 19px;
  }

  h4 {
    font-size: 50px;
    line-height: 50px;
  }

  .header-inschrijven {
    padding-top: 260px;
    padding-bottom: 380px;
  }

  .header-inschrijven.dod-oranje {
    padding-top: 320px;
  }

  .hero-wrapper {
    padding-left: 30px;
    padding-right: 0;
  }

  .hero-title, .hero-title.paars-no-padding {
    padding-right: 60px;
  }

  .hero-background {
    margin-top: -30px;
    margin-bottom: -50px;
  }

  .hero-background.dod-wit {
    margin-bottom: -95px;
  }

  .header-doodle-top {
    width: 90px;
    top: -20px;
    left: 109px;
  }

  .header-doodle-liniaal {
    display: none;
  }

  .container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .grid-content {
    padding-bottom: 0;
  }

  .grid-content.float-buttons {
    align-items: stretch;
  }

  .grid-intro {
    grid-template-rows: 1fr auto;
  }

  .intro-wrapper {
    margin-left: 0;
    margin-right: 0;
    padding-top: 16px;
    padding-bottom: 20px;
  }

  .intro-wrapper.blauw {
    margin-top: -12px;
    padding-bottom: 20px;
  }

  .section.cta-aanmelden {
    margin-top: 69px;
  }

  .img-sokkel-hero1 {
    width: 150px;
    margin-left: 30px;
    margin-right: 0;
  }

  .img-hero1 {
    width: 290px;
    margin-bottom: 10px;
    bottom: 30px;
    left: -50px;
  }

  .grid-logo {
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-areas: ". logo logo";
  }

  .menu-logo-wrapper {
    padding-left: 0;
    padding-right: 30px;
  }

  .intro-doodle-schrift {
    max-width: none;
    height: 130px;
    top: -99px;
    left: 0;
  }

  .grid-form-intro {
    grid-template-areas: "doodle-1 kids doodle-2"
                         "title title title"
                         "intro intro intro";
  }

  .p-heading {
    letter-spacing: .5px;
    font-size: 18px;
  }

  .input {
    font-size: 16px;
  }

  .input.select {
    padding-left: 18px;
  }

  .form-label {
    font-size: 16px;
  }

  .submit-button {
    letter-spacing: 1px;
    padding: 5px 10px;
    font-size: 18px;
    line-height: 27px;
  }

  .grid-form {
    grid-template: "voornaam voornaam voornaam"
                   "achternaam achternaam achternaam"
                   "basisschool basisschool basisschool"
                   "plaats plaats plaats"
                   "email email email"
                   "advies advies advies"
                   "datum datum datum"
                   "submit submit submit"
                   / 1fr 1fr 1fr;
  }

  .form-doodle-foto {
    width: 80px;
    top: -100px;
    left: 18px;
  }

  .form-doodle-rocku {
    width: 40px;
    right: 23px;
  }

  .form-doodle-rocku.rich-text {
    top: -51px;
  }

  .grid-footer {
    grid-template: "info info"
                   ". ." 20px
                   "logo logo"
                   ". ." 20px
                   "links links"
                   / 1fr 1fr;
  }

  .home-txt-link {
    text-align: center;
  }

  .img-logo {
    width: 90px;
  }

  .form-title-txt {
    letter-spacing: 1.5px;
    font-size: 24px;
    line-height: 24px;
  }

  .created-by-bigbooom {
    text-align: center;
  }

  .grid-rich-content {
    margin-top: 60px;
  }

  .header-privacy {
    padding-top: 160px;
    padding-bottom: 160px;
  }

  .header-privacy.ob, .header-privacy.zb {
    padding-top: 260px;
  }

  .form-label-fixed {
    font-size: 16px;
  }

  .radio-fields {
    margin-top: 50px;
  }

  .radio-button-label {
    font-size: 16px;
  }

  .grid-home {
    grid-template: "title title title title"
                   ". . . ." 40px
                   "button1 button1 button2 button2"
                   "cta1 cta1 cta2 cta2"
                   "sub1 sub1 sub2 sub2"
                   ". . . ." 40px
                   ". . . ." 0
                   ". . . ." 0
                   ". . . ." 0
                   / 1fr 1fr 1fr 1fr;
  }

  .kids-only {
    top: -70px;
    left: 105px;
  }

  .kids-only-txt {
    padding: 19px;
    font-size: 20px;
    line-height: 20px;
  }

  .heading-4 {
    letter-spacing: .5px;
  }

  .grid-cta-open-dag {
    grid-template: ". doodle1 doodle1"
                   "title title title"
                   "text text text" 20px
                   "button button button"
                   "doodle2 doodle2 ."
                   / 1fr 1fr 1fr;
  }

  .cta-open-dag-title {
    padding-top: 15px;
    padding-bottom: 0;
  }

  .cta-open-dag-txt {
    padding-top: 0;
    padding-bottom: 0;
  }

  .button {
    letter-spacing: 1px;
    padding: 5px 20px;
    font-size: 18px;
    line-height: 27px;
  }

  .button-txt.small {
    flex: 0 auto;
    margin-left: auto;
    margin-right: auto;
  }

  .cta-open-dag-doodle-top {
    margin-top: -20px;
  }

  .cta-open-dag-doodle-bottom {
    margin-bottom: -20px;
  }

  .alt-open-dag-title {
    letter-spacing: 1.5px;
    font-size: 30px;
    line-height: 30px;
  }

  .hero-subtitle.groen, .hero-subtitle.blauw {
    padding-top: 0;
    padding-right: 35px;
  }

  .herobutton {
    letter-spacing: 1px;
    padding: 5px 20px;
    font-size: 18px;
    line-height: 27px;
  }

  .herobutton.oudenbosch, .herobutton.zevenbergen {
    bottom: -78px;
    right: 91px;
  }

  .grid-form-intro-digital {
    grid-template-areas: "doodle-1 kids doodle-2"
                         "title title title"
                         "intro intro intro";
  }

  .header-doodle-potlood {
    width: 50px;
    top: -35px;
    right: 6px;
  }

  .form-doodle-laptop {
    width: 80px;
    top: -99px;
    right: 34px;
  }

  .form-doodle-laptop.rich-text {
    top: -51px;
  }

  .form-doodle-muts {
    width: 60px;
    top: -63px;
    left: 18px;
  }

  .grid-form-mld-zevenbergen {
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-areas: "voornaam voornaam voornaam"
                         "achternaam achternaam achternaam"
                         "basisschool basisschool basisschool"
                         "plaats plaats plaats"
                         "email email email"
                         "advies advies advies"
                         "interresse interresse interresse"
                         "datum datum datum"
                         "submit submit submit";
  }

  .grid-form-dod-zevenbergen {
    grid-template: "voornaam voornaam voornaam"
                   "achternaam achternaam achternaam"
                   "postcode postcode postcode"
                   "basisschool basisschool basisschool"
                   "plaats plaats plaats"
                   "email email email"
                   "advies advies advies"
                   "interresse interresse interresse"
                   "datum datum datum"
                   "submit submit submit"
                   / 1fr 1fr 1fr;
  }

  .img-hero2 {
    width: 300px;
    margin-top: 0;
    padding-top: 0;
    bottom: -143px;
    left: -41px;
    overflow: visible;
  }

  .grid-cta-proefles {
    grid-template: ". doodle1 doodle1"
                   "title title title"
                   ". . Area" 30px
                   "button button button"
                   "doodle2 doodle2 ."
                   / 1fr 1fr 1fr;
  }

  .cta-proefles-title {
    padding-top: 15px;
    padding-bottom: 0;
  }

  .cta-button-proefles {
    padding-bottom: 20px;
  }

  .button-proefles {
    letter-spacing: 1px;
    padding: 5px 20px;
    font-size: 18px;
    line-height: 27px;
  }

  .cta-proefles-doodle-top {
    margin-top: -30px;
  }

  .cta-proefles-doodle-bottom {
    margin-bottom: -30px;
  }

  .grid {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .header-inschrijven-zb {
    padding-top: 160px;
    padding-bottom: 380px;
  }

  .header-inschrijven-zb.dod-oranje {
    padding-top: 203px;
  }

  .grid-meer-over {
    grid-template: ". . doodle"
                   "titel titel titel"
                   "text text text"
                   ". . ." 30px
                   "cta cta cta"
                   / 1fr 1fr 1fr;
  }

  .button-meer-lezen {
    letter-spacing: 1px;
    padding: 5px 20px;
    font-size: 18px;
    line-height: 27px;
  }

  .button-meer-lezen.home-cta.oranje.home-alternatief {
    width: 100px;
    padding-left: 5px;
    padding-right: 5px;
    position: relative;
    inset: auto auto 0% 10px;
  }

  .button-meer-lezen.home-cta.home-alternatief {
    width: 100px;
    padding-left: 5px;
    padding-right: 5px;
    left: 10px;
  }

  .section-meer-weten {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .grid-header-onderwijs-info {
    grid-template: "titel titel titel"
                   ". . doodle" 124px
                   ". . ." 20px
                   "text text text"
                   ". . ." 20px
                   "doodle2 doodle2 ." 87px
                   "cta cta cta"
                   / 1fr 1fr 1fr;
  }

  .grid-text-left, .grid-textright {
    grid-template: "img img img"
                   ". . ." 30px
                   "text text text"
                   / 1fr 1fr 1fr;
  }

  .onderwijs-sectie-wit {
    padding-bottom: 0;
  }

  .onderwijs-sectie-wit.onderwijs-grijs {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .grid-form-vraag {
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-areas: "voornaam voornaam voornaam"
                         "achternaam achternaam achternaam"
                         "email email email"
                         "telefoon telefoon telefoon"
                         "vraag vraag vraag"
                         "afspraak afspraak afspraak"
                         "submit submit submit";
  }

  .grid-form-infoavond {
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-areas: "voornaam voornaam voornaam"
                         "achternaam achternaam achternaam"
                         "email email email"
                         "telefoon telefoon telefoon"
                         "deel deel deel"
                         "submit submit submit";
  }

  .grid-form-intro-digi-info {
    grid-template-areas: ". doodle-2 doodle-2"
                         "title title title"
                         "intro intro intro";
  }

  .grid-text-right {
    grid-template: "img img img"
                   ". . ." 30px
                   "text text text"
                   / 1fr 1fr 1fr;
  }

  .grid-elements {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .grid-subfooter {
    grid-template: "info info"
                   ". ." 20px
                   "logo logo"
                   / 1fr 1fr;
  }

  .kijk-rond-sectie {
    padding-top: 0;
  }

  .kijk-rond-subtitle-sectie {
    padding-top: 50px;
  }

  .grid-video-title {
    grid-template: "text text text"
    / 1fr 1fr 1fr;
  }

  .grid-header-aanmelden {
    grid-template: "titel titel titel"
                   ". . ." 20px
                   ". . doodle"
                   ". . ." 20px
                   "text text text"
                   ". . ." 20px
                   "doodle2 . ."
                   ". . ." 20px
                   "text2 text2 text2"
                   ". . ." 20px
                   "uitleg uitleg uitleg"
                   / 1fr 1fr 1fr;
  }

  .grid-video-title-copy {
    grid-template: "text text text"
    / 1fr 1fr 1fr;
  }

  .grid-footer-aanmelden {
    grid-template: "titel titel titel"
                   ". . ." 20px
                   "text text text"
                   / 1fr 1fr 1fr;
  }

  .button-small {
    letter-spacing: 1px;
    padding: 5px 20px;
    font-size: 18px;
    line-height: 27px;
  }

  .footer-txt {
    text-align: center;
  }

  .grid-meer-over-zb {
    grid-template: ". . doodle"
                   "titel titel titel"
                   "text text text"
                   ". . ." 30px
                   "cta cta cta"
                   / 1fr 1fr 1fr;
  }

  .center-txt-link {
    text-align: center;
  }

  .grid-form-mld-oudenbosch-klas-2 {
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-areas: "voornaam voornaam voornaam"
                         "achternaam achternaam achternaam"
                         "basisschool basisschool basisschool"
                         "plaats plaats plaats"
                         "email email email"
                         "tel tel tel"
                         "mentor mentor mentor"
                         "mail-mentor mail-mentor mail-mentor"
                         "advies advies advies"
                         "interresse interresse interresse"
                         "submit submit submit";
  }

  .grid-header-aanmelden-zb {
    grid-template: "titel titel titel"
                   ". . ." 20px
                   ". . doodle"
                   ". . ." 20px
                   "text text text"
                   ". . ." 20px
                   "doodle2 . ."
                   ". . ." 20px
                   "uitleg uitleg uitleg"
                   / 1fr 1fr 1fr;
  }

  .temp-chat-message {
    padding-top: 120px;
    padding-bottom: 20px;
  }

  .mobile-style {
    margin-bottom: 15px;
    font-size: 15px;
    line-height: 15px;
  }

  .heading-5 {
    font-size: 15px;
    line-height: 1px;
  }

  .section-2 {
    padding-top: 5px;
    padding-bottom: 0;
  }

  .button-2 {
    letter-spacing: 1px;
    padding: 5px 20px;
    font-size: 18px;
    line-height: 27px;
  }

  .youtube {
    margin-top: 40px;
  }

  .image-3 {
    margin-top: 60px;
  }
}

#w-node-b1e723b0-a8ce-6a62-5120-d7f20eaf78f7-059111c0 {
  grid-area: title;
  place-self: center;
}

#w-node-_7b3da09e-b809-629e-40cc-358ae0e65937-059111c0 {
  grid-area: button1;
  place-self: center;
}

#w-node-_55fd0db4-d940-b96f-c6f0-00fec0014692-059111c0 {
  grid-area: button2;
  place-self: center;
}

#w-node-_3f05ada1-6ddd-66e4-659c-b0724e086d25-059111c0 {
  grid-area: sub1;
  place-self: start center;
}

#w-node-e3ffecb1-1ee6-48ac-78dc-d5a924bc5ec7-059111c0 {
  grid-area: sub2;
  place-self: start center;
}

#w-node-f4ea9f77-9eba-09e8-a92d-956918b92e42-059111c0 {
  grid-area: cta2;
  place-self: center;
}

#w-node-_049e681b-124d-ae48-d37e-b1147d47e15d-059111c0 {
  grid-area: cta1;
  place-self: center;
}

#w-node-_5d46a6e5-3fa4-09bb-a08f-99687a792488-1aaebff0 {
  grid-area: logo;
}

#w-node-f2423584-0a6d-b287-d16c-8643503841b7-1aaebff0 {
  grid-area: img;
}

#w-node-_0041f8c0-1d3b-ec94-8c95-bfad894368b0-1aaebff0 {
  grid-area: intro;
}

#w-node-f8c70a7b-1e4a-a12e-ecbe-77c512761519-1aaebff0 {
  grid-area: doodle;
}

#w-node-_1eb2ca03-10f8-2081-a9ee-80ced64530d4-1aaebff0 {
  grid-area: title;
  place-self: center;
}

#w-node-_1eb2ca03-10f8-2081-a9ee-80ced64530d8-1aaebff0 {
  grid-area: button;
  place-self: center;
}

#w-node-_1eb2ca03-10f8-2081-a9ee-80ced64530dd-1aaebff0 {
  grid-area: doodle1;
  place-self: center;
}

#w-node-_1eb2ca03-10f8-2081-a9ee-80ced64530df-1aaebff0 {
  grid-area: doodle2;
  place-self: center;
}

#w-node-ea5a4940-e0b0-ce72-aed7-a69043167d37-1aaebff0, #w-node-_1d64f0bf-cd6c-f3be-4b53-5e60afbe007d-1aaebff0 {
  grid-area: text;
}

#w-node-_1d64f0bf-cd6c-f3be-4b53-5e60afbe00b3-1aaebff0 {
  grid-area: img;
  place-self: center;
}

#w-node-_75834d87-0ed5-ebec-3968-5a4752281ae3-1aaebff0 {
  grid-area: titel;
}

#w-node-_4e5eea30-3611-308c-7a7c-c1e06d1bf685-1aaebff0 {
  grid-area: doodle;
  align-self: end;
}

#w-node-ba03ca35-c2f9-f1a2-1c63-bf5af36853e7-1aaebff0 {
  grid-area: text;
}

#w-node-ed7ba552-8181-a816-6601-b86a1c00f762-1aaebff0 {
  grid-area: cta;
  justify-self: start;
}

#w-node-_7fea5672-a7bd-071b-5c57-dce0849b47dd-1aaebff0 {
  grid-area: img;
}

#w-node-_6e4da176-d297-2e57-a749-f53f3ad29657-1aaebff0 {
  grid-area: text;
}

#w-node-a9570bb3-11c6-66ff-f632-6da389a1c224-1aaebff0 {
  grid-area: doodle-1;
}

#w-node-a9570bb3-11c6-66ff-f632-6da389a1c225-1aaebff0 {
  grid-area: title;
}

#w-node-a9570bb3-11c6-66ff-f632-6da389a1c22a-1aaebff0 {
  grid-area: intro;
}

#w-node-a9570bb3-11c6-66ff-f632-6da389a1c238-1aaebff0 {
  grid-area: doodle-2;
}

#w-node-a9570bb3-11c6-66ff-f632-6da389a1c23b-1aaebff0 {
  grid-area: kids;
}

#w-node-_6e668a89-f5e7-0829-9fb5-9615ddf9c850-ddf9c84b {
  grid-area: info;
}

#w-node-_6e668a89-f5e7-0829-9fb5-9615ddf9c85e-ddf9c84b {
  grid-area: links;
  place-self: center end;
}

#w-node-d2a9be96-b79c-de4b-668e-2d3ea7eaee71-ddf9c84b {
  grid-area: logo;
  place-self: center end;
}

#w-node-ecd9f77d-b853-c333-1008-dcb1e7039861-e703985d {
  grid-area: voornaam;
}

#w-node-ecd9f77d-b853-c333-1008-dcb1e7039866-e703985d {
  grid-area: achternaam;
}

#w-node-ecd9f77d-b853-c333-1008-dcb1e703986b-e703985d {
  grid-area: email;
}

#w-node-ecd9f77d-b853-c333-1008-dcb1e7039870-e703985d {
  grid-area: telefoon;
}

#w-node-ecd9f77d-b853-c333-1008-dcb1e7039875-e703985d {
  grid-area: vraag;
}

#w-node-ecd9f77d-b853-c333-1008-dcb1e7039877-e703985d {
  grid-area: afspraak;
}

#w-node-ecd9f77d-b853-c333-1008-dcb1e703987d-e703985d {
  grid-area: submit;
}

#w-node-_8fdbbc66-7d99-fd13-5d41-c4ca7aff8035-df785f41 {
  grid-area: logo;
}

#w-node-_07f21161-e433-b829-c568-f965345fd32d-df785f41 {
  grid-area: doodle-1;
}

#w-node-bfabf977-0202-c529-0298-2ba22acd85f2-df785f41 {
  grid-area: intro;
}

#w-node-_8d7301a4-a51c-90ee-e015-0aa68e96a136-df785f41 {
  grid-area: doodle-2;
}

#w-node-_4674315e-42c4-4241-1595-2243afbbbb18-945bed5e {
  grid-area: logo;
}

#w-node-_07f21161-e433-b829-c568-f965345fd32d-945bed5e {
  grid-area: doodle-1;
}

#w-node-bfabf977-0202-c529-0298-2ba22acd85f2-945bed5e {
  grid-area: intro;
}

#w-node-_8d7301a4-a51c-90ee-e015-0aa68e96a136-945bed5e {
  grid-area: doodle-2;
}

#w-node-_297aa4d2-1339-aeb6-822d-293c541bd5bb-541bd5b6 {
  grid-area: info;
}

#w-node-_297aa4d2-1339-aeb6-822d-293c541bd5c8-541bd5b6 {
  grid-area: links;
  place-self: center end;
}

#w-node-_297aa4d2-1339-aeb6-822d-293c541bd5d2-541bd5b6 {
  grid-area: logo;
  place-self: center end;
}

#w-node-_4ed22251-512a-349e-41d0-8adce0265d22-9dd5d112 {
  grid-area: logo;
}

#w-node-_763caf84-c008-ebfa-844e-3f150cf0bee6-9dd5d112 {
  grid-area: text;
}

#w-node-_763caf84-c008-ebfa-844e-3f150cf0bef4-9dd5d112 {
  grid-area: img;
  place-self: center;
}

#w-node-_791f5dc5-f245-dc10-7907-d2004de02bfb-9dd5d112 {
  grid-area: voornaam;
}

#w-node-_791f5dc5-f245-dc10-7907-d2004de02c00-9dd5d112 {
  grid-area: achternaam;
}

#w-node-_791f5dc5-f245-dc10-7907-d2004de02c05-9dd5d112 {
  grid-area: basisschool;
}

#w-node-_791f5dc5-f245-dc10-7907-d2004de02c0a-9dd5d112 {
  grid-area: plaats;
}

#w-node-_5e055d5c-dae9-f982-1285-bdee2e7c1934-9dd5d112 {
  grid-area: email;
}

#w-node-ef067eb8-b709-d155-648b-35fe54f15ed5-9dd5d112 {
  grid-area: advies;
}

#w-node-_8a6b7815-8e0c-333f-6247-036c546ddc47-9dd5d112 {
  grid-area: datum;
}

#w-node-_791f5dc5-f245-dc10-7907-d2004de02c18-9dd5d112 {
  grid-area: submit;
}

#w-node-e0ae40d3-d35e-781a-0469-42b886c06441-a5dd395a {
  grid-area: logo;
}

#w-node-f2423584-0a6d-b287-d16c-8643503841b7-a5dd395a {
  grid-area: img;
}

#w-node-_0041f8c0-1d3b-ec94-8c95-bfad894368b0-a5dd395a {
  grid-area: intro;
}

#w-node-f8c70a7b-1e4a-a12e-ecbe-77c512761519-a5dd395a {
  grid-area: doodle;
}

#w-node-_80410fbc-1f6a-041c-961f-6fa6c7d9fa26-a5dd395a {
  grid-area: title;
  place-self: center;
}

#w-node-_80410fbc-1f6a-041c-961f-6fa6c7d9fa2a-a5dd395a {
  grid-area: button;
  place-self: center;
}

#w-node-_80410fbc-1f6a-041c-961f-6fa6c7d9fa2f-a5dd395a {
  grid-area: doodle1;
  place-self: center;
}

#w-node-_80410fbc-1f6a-041c-961f-6fa6c7d9fa31-a5dd395a {
  grid-area: doodle2;
  place-self: center;
}

#w-node-_5603dcf5-40e0-0856-62db-5a35afbde31c-a5dd395a {
  grid-area: text;
}

#w-node-_5603dcf5-40e0-0856-62db-5a35afbde34f-a5dd395a {
  grid-area: img;
  place-self: center;
}

#w-node-f7193f50-c996-fa54-b0d2-70a603364a46-a5dd395a, #w-node-d1980556-b23e-fef2-a333-d81b5f3dce77-a5dd395a {
  grid-area: text;
}

#w-node-_261557b8-0a42-2a6a-dc4f-40e3e67fb658-a5dd395a {
  grid-area: titel;
}

#w-node-_261557b8-0a42-2a6a-dc4f-40e3e67fb662-a5dd395a {
  grid-area: doodle;
  align-self: end;
}

#w-node-_261557b8-0a42-2a6a-dc4f-40e3e67fb665-a5dd395a {
  grid-area: text;
}

#w-node-_261557b8-0a42-2a6a-dc4f-40e3e67fb670-a5dd395a {
  grid-area: cta;
  justify-self: start;
}

#w-node-_75834d87-0ed5-ebec-3968-5a4752281ae3-5b44506d {
  grid-area: titel;
}

#w-node-_4e5eea30-3611-308c-7a7c-c1e06d1bf685-5b44506d {
  grid-area: doodle;
  align-self: end;
}

#w-node-ba03ca35-c2f9-f1a2-1c63-bf5af36853e7-5b44506d {
  grid-area: text;
}

#w-node-_63ce5985-23d1-7190-d7c3-718729c3058e-5b44506d {
  grid-area: cta;
}

#w-node-d844b9ed-b734-7eb5-8c46-922d46662676-5b44506d {
  grid-area: doodle2;
  align-self: start;
}

#w-node-_0f75a6a0-90c5-3725-f991-1e982b7f00c9-5b44506d {
  grid-area: text;
}

#w-node-_81c79a6b-78ce-66eb-b915-8c1eaf460bd1-5b44506d {
  grid-area: img;
  place-self: auto;
}

#w-node-_94cf92b4-ae27-c4af-4e83-074b4b2f91e8-5b44506d {
  grid-area: text;
}

#w-node-_94cf92b4-ae27-c4af-4e83-074b4b2f91f8-5b44506d {
  grid-area: img;
  place-self: center;
}

#w-node-_7fc5f8ff-3d3a-88b9-37c4-4328820cf9d1-5b44506d {
  grid-area: text;
}

#w-node-_7fc5f8ff-3d3a-88b9-37c4-4328820cf9e1-5b44506d {
  grid-area: img;
  place-self: center;
}

#w-node-_1148b4b8-0489-529d-a76e-08708844d79e-5b44506d {
  grid-area: text;
}

#w-node-_1148b4b8-0489-529d-a76e-08708844d7a4-5b44506d {
  grid-area: img;
  place-self: center;
}

#w-node-b61e6b76-9d06-22fa-b3d1-b0a43c49fa61-5b44506d {
  grid-area: text;
}

#w-node-b61e6b76-9d06-22fa-b3d1-b0a43c49fa71-5b44506d {
  grid-area: img;
  place-self: center;
}

#w-node-fcf61658-55e4-3ff5-42a4-6acc55038c37-5b44506d {
  grid-area: text;
}

#w-node-fcf61658-55e4-3ff5-42a4-6acc55038c3d-5b44506d {
  grid-area: img;
  place-self: center;
}

#w-node-_0dbee41d-0faa-8090-3ee5-3aa515ea9c7a-5b44506d {
  grid-area: text;
}

#w-node-_0dbee41d-0faa-8090-3ee5-3aa515ea9c8a-5b44506d {
  grid-area: img;
  place-self: center;
}

#w-node-_0cb17d71-b841-b463-fa1f-682b0406ca21-5b44506d {
  grid-area: text;
}

#w-node-_0cb17d71-b841-b463-fa1f-682b0406ca27-5b44506d {
  grid-area: img;
  place-self: center;
}

#w-node-c444f522-8d8e-cfb7-5da0-1906051e663b-5b44506d {
  grid-area: text;
}

#w-node-c444f522-8d8e-cfb7-5da0-1906051e664b-5b44506d {
  grid-area: img;
  place-self: center;
}

#w-node-_07f21161-e433-b829-c568-f965345fd32d-5b44506d {
  grid-area: doodle-1;
}

#w-node-cec38f13-a058-a2c2-0c7d-d13532cf814e-5b44506d {
  grid-area: title;
}

#w-node-bfabf977-0202-c529-0298-2ba22acd85f2-5b44506d {
  grid-area: intro;
}

#w-node-_8d7301a4-a51c-90ee-e015-0aa68e96a136-5b44506d {
  grid-area: doodle-2;
}

#w-node-_6bd3eaf9-838e-de4b-8b99-d4c12fb711d0-5b44506d {
  grid-area: kids;
}

#w-node-_75834d87-0ed5-ebec-3968-5a4752281ae3-c468f46e {
  grid-area: titel;
}

#w-node-_4e5eea30-3611-308c-7a7c-c1e06d1bf685-c468f46e {
  grid-area: doodle;
  align-self: end;
}

#w-node-ba03ca35-c2f9-f1a2-1c63-bf5af36853e7-c468f46e {
  grid-area: text;
}

#w-node-_63ce5985-23d1-7190-d7c3-718729c3058e-c468f46e {
  grid-area: cta;
}

#w-node-d844b9ed-b734-7eb5-8c46-922d46662676-c468f46e {
  grid-area: doodle2;
  align-self: start;
}

#w-node-_0f75a6a0-90c5-3725-f991-1e982b7f00c9-c468f46e {
  grid-area: text;
}

#w-node-_81c79a6b-78ce-66eb-b915-8c1eaf460bd1-c468f46e {
  grid-area: img;
  place-self: auto;
}

#w-node-_94cf92b4-ae27-c4af-4e83-074b4b2f91e8-c468f46e {
  grid-area: text;
}

#w-node-_94cf92b4-ae27-c4af-4e83-074b4b2f91f8-c468f46e {
  grid-area: img;
  place-self: center;
}

#w-node-b61e6b76-9d06-22fa-b3d1-b0a43c49fa61-c468f46e {
  grid-area: text;
}

#w-node-b61e6b76-9d06-22fa-b3d1-b0a43c49fa71-c468f46e {
  grid-area: img;
  place-self: center;
}

#w-node-fcf61658-55e4-3ff5-42a4-6acc55038c37-c468f46e {
  grid-area: text;
}

#w-node-fcf61658-55e4-3ff5-42a4-6acc55038c3d-c468f46e {
  grid-area: img;
  place-self: center;
}

#w-node-_0dbee41d-0faa-8090-3ee5-3aa515ea9c7a-c468f46e {
  grid-area: text;
}

#w-node-_0dbee41d-0faa-8090-3ee5-3aa515ea9c8a-c468f46e {
  grid-area: img;
  place-self: center;
}

#w-node-_0cb17d71-b841-b463-fa1f-682b0406ca21-c468f46e {
  grid-area: text;
}

#w-node-_0cb17d71-b841-b463-fa1f-682b0406ca27-c468f46e {
  grid-area: img;
  place-self: center;
}

#w-node-_07f21161-e433-b829-c568-f965345fd32d-c468f46e {
  grid-area: doodle-1;
}

#w-node-cec38f13-a058-a2c2-0c7d-d13532cf814e-c468f46e {
  grid-area: title;
}

#w-node-bfabf977-0202-c529-0298-2ba22acd85f2-c468f46e {
  grid-area: intro;
}

#w-node-_8d7301a4-a51c-90ee-e015-0aa68e96a136-c468f46e {
  grid-area: doodle-2;
}

#w-node-_6bd3eaf9-838e-de4b-8b99-d4c12fb711d0-c468f46e {
  grid-area: kids;
}

#w-node-_791f5dc5-f245-dc10-7907-d2004de02bfb-c468f46e {
  grid-area: voornaam;
}

#w-node-_791f5dc5-f245-dc10-7907-d2004de02c00-c468f46e {
  grid-area: achternaam;
}

#w-node-_5e055d5c-dae9-f982-1285-bdee2e7c1934-c468f46e {
  grid-area: email;
}

#w-node-_791f5dc5-f245-dc10-7907-d2004de02c0a-c468f46e {
  grid-area: telefoon;
}

#w-node-db03358f-8780-14c3-0caa-b11434e3d503-c468f46e {
  grid-area: vraag;
}

#w-node-ef067eb8-b709-d155-648b-35fe54f15ed5-c468f46e {
  grid-area: afspraak;
}

#w-node-_791f5dc5-f245-dc10-7907-d2004de02c18-c468f46e {
  grid-area: submit;
}

#w-node-_75834d87-0ed5-ebec-3968-5a4752281ae3-d353df3d {
  grid-area: titel;
}

#w-node-_4e5eea30-3611-308c-7a7c-c1e06d1bf685-d353df3d {
  grid-area: doodle;
  align-self: end;
}

#w-node-_63ce5985-23d1-7190-d7c3-718729c3058e-d353df3d {
  grid-area: cta;
}

#w-node-d844b9ed-b734-7eb5-8c46-922d46662676-d353df3d {
  grid-area: doodle2;
  align-self: start;
}

#w-node-_79b59cc8-fbad-c888-7d5e-14be6a82bf21-d353df3d {
  grid-area: text;
}

#w-node-_79b59cc8-fbad-c888-7d5e-14be6a82bf3d-d353df3d {
  grid-area: img;
  place-self: start;
}

#w-node-_75834d87-0ed5-ebec-3968-5a4752281ae3-cbe07b89 {
  grid-area: titel;
}

#w-node-_4e5eea30-3611-308c-7a7c-c1e06d1bf685-cbe07b89 {
  grid-area: doodle;
  align-self: end;
}

#w-node-ba03ca35-c2f9-f1a2-1c63-bf5af36853e7-cbe07b89 {
  grid-area: text;
}

#w-node-_6cacd31f-1092-3dc8-d570-354a3b15fc5e-cbe07b89 {
  grid-area: uitleg;
  place-self: center;
}

#w-node-_6bdb923a-501f-5aa5-994c-0691939c7215-cbe07b89 {
  grid-area: text2;
}

#w-node-d844b9ed-b734-7eb5-8c46-922d46662676-cbe07b89 {
  grid-area: doodle2;
  align-self: start;
}

#w-node-_0f75a6a0-90c5-3725-f991-1e982b7f00c9-cbe07b89 {
  grid-area: text;
}

#w-node-_314e8a45-84db-064f-1d4b-309d52d16c0d-cbe07b89 {
  grid-area: titel;
  justify-self: center;
}

#w-node-_314e8a45-84db-064f-1d4b-309d52d16c18-cbe07b89 {
  grid-area: text;
  justify-self: center;
}

#w-node-df36f81d-d4e5-7725-8848-1f4e0ed232d0-cbe07b89 {
  grid-area: doodle-1;
}

#w-node-df36f81d-d4e5-7725-8848-1f4e0ed232d3-cbe07b89 {
  grid-area: title;
}

#w-node-df36f81d-d4e5-7725-8848-1f4e0ed232da-cbe07b89 {
  grid-area: intro;
}

#w-node-df36f81d-d4e5-7725-8848-1f4e0ed232e4-cbe07b89 {
  grid-area: doodle-2;
}

#w-node-df36f81d-d4e5-7725-8848-1f4e0ed232e7-cbe07b89 {
  grid-area: kids;
}

#w-node-df36f81d-d4e5-7725-8848-1f4e0ed232f3-cbe07b89 {
  grid-area: voornaam;
}

#w-node-df36f81d-d4e5-7725-8848-1f4e0ed232f8-cbe07b89 {
  grid-area: achternaam;
}

#w-node-df36f81d-d4e5-7725-8848-1f4e0ed232fd-cbe07b89 {
  grid-area: basisschool;
}

#w-node-df36f81d-d4e5-7725-8848-1f4e0ed23302-cbe07b89 {
  grid-area: plaats;
}

#w-node-df36f81d-d4e5-7725-8848-1f4e0ed23307-cbe07b89 {
  grid-area: email;
}

#w-node-_7c26afda-5830-42d9-ac46-d49d8490512c-cbe07b89 {
  grid-area: tel;
}

#w-node-_0a4fe99c-7b91-c824-8a87-ccab947d4045-cbe07b89 {
  grid-area: mentor;
}

#w-node-_5396089d-31d2-07e4-cba2-393b4dff76b3-cbe07b89 {
  grid-area: mail-mentor;
}

#w-node-df36f81d-d4e5-7725-8848-1f4e0ed2330c-cbe07b89 {
  grid-area: interresse;
}

#w-node-df36f81d-d4e5-7725-8848-1f4e0ed23325-cbe07b89 {
  grid-area: advies;
}

#w-node-df36f81d-d4e5-7725-8848-1f4e0ed2334b-cbe07b89 {
  grid-area: submit;
}

#w-node-_75834d87-0ed5-ebec-3968-5a4752281ae3-01cbfe64 {
  grid-area: titel;
}

#w-node-_4e5eea30-3611-308c-7a7c-c1e06d1bf685-01cbfe64 {
  grid-area: doodle;
  align-self: end;
}

#w-node-ba03ca35-c2f9-f1a2-1c63-bf5af36853e7-01cbfe64 {
  grid-area: text;
}

#w-node-d844b9ed-b734-7eb5-8c46-922d46662676-01cbfe64 {
  grid-area: doodle2;
  align-self: start;
}

#w-node-_0f75a6a0-90c5-3725-f991-1e982b7f00c9-01cbfe64 {
  grid-area: text;
}

#w-node-_314e8a45-84db-064f-1d4b-309d52d16c0d-01cbfe64 {
  grid-area: titel;
  justify-self: center;
}

#w-node-_314e8a45-84db-064f-1d4b-309d52d16c18-01cbfe64 {
  grid-area: text;
  justify-self: center;
}

#w-node-fad3c90c-d48c-f661-cd24-4156062c2c0e-01cbfe64 {
  grid-area: doodle-1;
}

#w-node-fad3c90c-d48c-f661-cd24-4156062c2c10-01cbfe64 {
  grid-area: title;
}

#w-node-fad3c90c-d48c-f661-cd24-4156062c2c17-01cbfe64 {
  grid-area: intro;
}

#w-node-fad3c90c-d48c-f661-cd24-4156062c2c1b-01cbfe64 {
  grid-area: doodle-2;
}

#w-node-fad3c90c-d48c-f661-cd24-4156062c2c1e-01cbfe64 {
  grid-area: kids;
}

#w-node-fad3c90c-d48c-f661-cd24-4156062c2c2a-01cbfe64 {
  grid-area: voornaam;
}

#w-node-fad3c90c-d48c-f661-cd24-4156062c2c2f-01cbfe64 {
  grid-area: achternaam;
}

#w-node-fad3c90c-d48c-f661-cd24-4156062c2c34-01cbfe64 {
  grid-area: basisschool;
}

#w-node-fad3c90c-d48c-f661-cd24-4156062c2c39-01cbfe64 {
  grid-area: plaats;
}

#w-node-fad3c90c-d48c-f661-cd24-4156062c2c3e-01cbfe64 {
  grid-area: email;
}

#w-node-fad3c90c-d48c-f661-cd24-4156062c2c43-01cbfe64 {
  grid-area: tel;
}

#w-node-fad3c90c-d48c-f661-cd24-4156062c2c48-01cbfe64 {
  grid-area: mentor;
}

#w-node-fad3c90c-d48c-f661-cd24-4156062c2c4d-01cbfe64 {
  grid-area: mail-mentor;
}

#w-node-fad3c90c-d48c-f661-cd24-4156062c2c52-01cbfe64 {
  grid-area: interresse;
}

#w-node-fad3c90c-d48c-f661-cd24-4156062c2c6b-01cbfe64 {
  grid-area: advies;
}

#w-node-fad3c90c-d48c-f661-cd24-4156062c2c84-01cbfe64 {
  grid-area: submit;
}

#w-node-_75834d87-0ed5-ebec-3968-5a4752281ae3-33a003ce {
  grid-area: titel;
}

#w-node-_4e5eea30-3611-308c-7a7c-c1e06d1bf685-33a003ce {
  grid-area: doodle;
  align-self: end;
}

#w-node-ba03ca35-c2f9-f1a2-1c63-bf5af36853e7-33a003ce {
  grid-area: text;
}

#w-node-_63ce5985-23d1-7190-d7c3-718729c3058e-33a003ce {
  grid-area: cta;
}

#w-node-d844b9ed-b734-7eb5-8c46-922d46662676-33a003ce {
  grid-area: doodle2;
  align-self: start;
}

#w-node-_0f75a6a0-90c5-3725-f991-1e982b7f00c9-33a003ce {
  grid-area: text;
}

#w-node-_81c79a6b-78ce-66eb-b915-8c1eaf460bd1-33a003ce {
  grid-area: img;
  place-self: auto;
}

#w-node-_69478a60-a239-f27d-bcae-211aedbc8347-c76e7e6a {
  grid-area: logo;
}

#w-node-_83db1f82-f277-3d22-cd88-f70ee2d39db1-c76e7e6a {
  grid-area: text;
}

#w-node-_83db1f82-f277-3d22-cd88-f70ee2d39dbf-c76e7e6a {
  grid-area: img;
  place-self: center;
}

#w-node-_07f21161-e433-b829-c568-f965345fd32d-c76e7e6a {
  grid-area: doodle-1;
}

#w-node-cec38f13-a058-a2c2-0c7d-d13532cf814e-c76e7e6a {
  grid-area: title;
}

#w-node-bfabf977-0202-c529-0298-2ba22acd85f2-c76e7e6a {
  grid-area: intro;
}

#w-node-_8d7301a4-a51c-90ee-e015-0aa68e96a136-c76e7e6a {
  grid-area: doodle-2;
}

#w-node-_791f5dc5-f245-dc10-7907-d2004de02bfb-c76e7e6a {
  grid-area: voornaam;
}

#w-node-_791f5dc5-f245-dc10-7907-d2004de02c00-c76e7e6a {
  grid-area: achternaam;
}

#w-node-_791f5dc5-f245-dc10-7907-d2004de02c05-c76e7e6a {
  grid-area: basisschool;
}

#w-node-_791f5dc5-f245-dc10-7907-d2004de02c0a-c76e7e6a {
  grid-area: plaats;
}

#w-node-_5e055d5c-dae9-f982-1285-bdee2e7c1934-c76e7e6a {
  grid-area: email;
}

#w-node-ef067eb8-b709-d155-648b-35fe54f15ed5-c76e7e6a {
  grid-area: interresse;
}

#w-node-_6a99afdc-31b1-d72a-e2f5-66f5854796e9-c76e7e6a {
  grid-area: advies;
}

#w-node-_8a6b7815-8e0c-333f-6247-036c546ddc47-c76e7e6a {
  grid-area: datum;
}

#w-node-_507c3bf9-8498-fcd6-166c-dd7825143b36-c76e7e6a {
  grid-area: postcode;
}

#w-node-_791f5dc5-f245-dc10-7907-d2004de02c18-c76e7e6a {
  grid-area: submit;
}

@media screen and (max-width: 767px) {
  #w-node-f2423584-0a6d-b287-d16c-8643503841b7-1aaebff0 {
    grid-area: img;
  }

  #w-node-_6e668a89-f5e7-0829-9fb5-9615ddf9c850-ddf9c84b, #w-node-_6e668a89-f5e7-0829-9fb5-9615ddf9c85e-ddf9c84b, #w-node-d2a9be96-b79c-de4b-668e-2d3ea7eaee71-ddf9c84b {
    align-self: center;
  }

  #w-node-f2423584-0a6d-b287-d16c-8643503841b7-a5dd395a {
    grid-area: img;
  }

  #w-node-_314e8a45-84db-064f-1d4b-309d52d16c0d-cbe07b89, #w-node-_314e8a45-84db-064f-1d4b-309d52d16c18-cbe07b89, #w-node-_314e8a45-84db-064f-1d4b-309d52d16c0d-01cbfe64, #w-node-_314e8a45-84db-064f-1d4b-309d52d16c18-01cbfe64 {
    justify-self: center;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_5d46a6e5-3fa4-09bb-a08f-99687a792488-1aaebff0 {
    justify-self: end;
  }

  #w-node-f2423584-0a6d-b287-d16c-8643503841b7-1aaebff0 {
    align-self: start;
  }

  #w-node-_1eb2ca03-10f8-2081-a9ee-80ced64530d8-1aaebff0 {
    justify-self: stretch;
  }

  #w-node-_6e668a89-f5e7-0829-9fb5-9615ddf9c850-ddf9c84b, #w-node-_6e668a89-f5e7-0829-9fb5-9615ddf9c85e-ddf9c84b, #w-node-d2a9be96-b79c-de4b-668e-2d3ea7eaee71-ddf9c84b {
    justify-self: center;
  }

  #w-node-_8fdbbc66-7d99-fd13-5d41-c4ca7aff8035-df785f41, #w-node-_4674315e-42c4-4241-1595-2243afbbbb18-945bed5e {
    justify-self: end;
  }

  #w-node-_297aa4d2-1339-aeb6-822d-293c541bd5c8-541bd5b6, #w-node-_297aa4d2-1339-aeb6-822d-293c541bd5d2-541bd5b6 {
    justify-self: start;
  }

  #w-node-_4ed22251-512a-349e-41d0-8adce0265d22-9dd5d112, #w-node-e0ae40d3-d35e-781a-0469-42b886c06441-a5dd395a {
    justify-self: end;
  }

  #w-node-f2423584-0a6d-b287-d16c-8643503841b7-a5dd395a {
    align-self: start;
  }

  #w-node-_80410fbc-1f6a-041c-961f-6fa6c7d9fa2a-a5dd395a, #w-node-_261557b8-0a42-2a6a-dc4f-40e3e67fb670-a5dd395a {
    justify-self: stretch;
  }

  #w-node-d844b9ed-b734-7eb5-8c46-922d46662676-33a003ce {
    align-self: end;
  }

  #w-node-_69478a60-a239-f27d-bcae-211aedbc8347-c76e7e6a {
    justify-self: end;
  }
}