@font-face {
  font-family: Carla Sans;
  src: url('../fonts/CarlaSansSemibold.woff2') format("woff2"), url('../fonts/CarlaSansSemibold.woff') format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Carla Sans;
  src: url('../fonts/CarlaSansLight.woff2') format("woff2"), url('../fonts/CarlaSansLight.woff') format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Carla Sans;
  src: url('../fonts/CarlaSansBold.woff2') format("woff2"), url('../fonts/CarlaSansBold.woff') format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Carla Sans;
  src: url('../fonts/CarlaSansRegular.woff') format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Combatron;
  src: url('../fonts/Combatron-Bold.otf') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Combatron;
  src: url('../fonts/Combatron-Italic.otf') format("opentype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Combatron;
  src: url('../fonts/Combatron-Bold-Italic.otf') format("opentype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Combatron;
  src: url('../fonts/Combatron.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --white-smoke: #6d6652;
  --light-grey: #cccfbe;
  --greywhite: #e9e2d7;
  --red: #5e2317;
  --lightgreen: #3c997f;
  --black: #222724;
}

.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;
}

body {
  color: #333;
  font-family: Space Grotesk, sans-serif;
  font-size: 1vw;
  line-height: 1.6;
}

h1 {
  letter-spacing: -.1em;
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Space Grotesk, sans-serif;
  font-size: 11em;
  font-weight: 300;
  line-height: 1.11;
}

h2 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 6em;
  font-weight: 300;
  line-height: 1.11;
}

h3 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 3.5em;
  font-weight: 400;
  line-height: 1;
}

h6 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 2em;
  font-weight: 300;
  line-height: 18px;
}

p {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.1em;
}

a {
  text-decoration: none;
}

.section {
  line-height: 1.6;
}

.section.is--hero {
  background-color: var(--white-smoke);
  background-image: linear-gradient(#181c1a54, #181c1a54), url('../images/PilatesCuijk.png');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
}

.section.is--nav {
  z-index: 1000;
  background-color: #0000;
  position: fixed;
  inset: 0% 0% auto;
}

.section.is--process {
  background-image: linear-gradient(#181c1a, #181c1a);
}

.section.cta {
  background-image: linear-gradient(#22272470, #22272470), url('../images/footerimage.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  min-height: 50em;
}

.section.black {
  background-color: #e9e2d7;
}

.section.is--campers {
  background-color: var(--white-smoke);
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-size: cover;
  position: relative;
}

.section.footer, .section.special {
  background-color: var(--white-smoke);
}

.container {
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding: 10em 4em;
}

.container.is--navbar {
  background-color: #ffffff17;
  border: 1px solid #ffffff1f;
  border-radius: 1em;
  margin-top: 1em;
  margin-bottom: 1em;
  padding: .125em 1em;
}

.container.nav {
  padding-top: 0;
  padding-bottom: 0;
}

.container.is--hero {
  justify-content: center;
  align-items: center;
  height: 100vh;
  padding-top: 12.8em;
  display: flex;
  position: relative;
}

.container.is--hero.campers {
  justify-content: flex-start;
}

.container.small {
  padding-top: 3em;
  padding-bottom: 3em;
}

.container.nomargin {
  max-width: 1450px;
  margin-left: 0;
  margin-right: 0;
  padding: 8em 4em 4em;
  position: static;
}

.container.center {
  flex-direction: column;
  align-items: center;
  padding-top: 5em;
  display: flex;
}

.container.white.no-padding-bottom {
  padding-top: 20em;
  padding-bottom: 0;
}

.grid {
  flex-wrap: wrap;
  display: flex;
}

.grid.is--content {
  justify-content: space-between;
  margin-top: 2em;
  margin-bottom: 6rem;
}

.grid.hero__card-fill.four-boxes {
  background-color: #5e2317;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: auto;
  margin-top: 4em;
  padding: 0;
  overflow: hidden;
}

.grid.centre {
  justify-content: space-between;
  align-items: center;
}

.grid.footer {
  justify-content: space-between;
}

.grid.credits {
  justify-content: space-between;
  align-items: center;
  margin-top: 5em;
}

.page-wrapper {
  z-index: 2;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.body {
  background-color: var(--white-smoke);
}

.grid_item {
  flex: none;
  width: 100%;
  padding: 1.04em;
}

.grid_item.is--nav-logo {
  align-self: center;
  width: 20%;
}

.grid_item.is--menu {
  width: 80%;
  padding-left: 6em;
  display: flex;
  position: relative;
}

.nav_logo {
  width: 100%;
}

.nav_logo.w--current {
  width: 100%;
  max-width: 200px;
}

.menu_link {
  align-items: center;
  margin-right: 2em;
  font-family: Montserrat, sans-serif;
  display: flex;
  position: relative;
  overflow: hidden;
}

.menu_p {
  color: var(--greywhite);
  font-family: Montserrat, sans-serif;
  font-size: 1.3em;
  font-weight: 400;
  transition: color .2s;
}

.menu_p:hover {
  color: var(--white-smoke);
  font-style: normal;
}

.menu_button {
  justify-content: flex-end;
  align-items: center;
  margin-left: auto;
  font-family: Montserrat, sans-serif;
  font-weight: 400;
  display: flex;
}

.menu_button.hero__card-fill._2 {
  justify-content: center;
  width: auto;
  padding-left: 3em;
  padding-right: 3em;
}

.hero__card {
  z-index: 10;
  margin-bottom: 5em;
  padding: 0;
  position: absolute;
  inset: auto 4em 0% auto;
}

.hero__card:hover {
  opacity: 1;
}

.hero__card.left {
  margin-left: 4em;
  inset: auto auto 0% 0%;
}

.hero__card-fill {
  z-index: 4;
  background-color: #ffffff17;
  border: 1px solid #ffffff1f;
  border-radius: 1em;
  justify-content: space-between;
  align-items: center;
  width: 30em;
  padding: .5em 2em;
  display: flex;
  position: relative;
}

.hero__card-fill.size-auto {
  width: auto;
}

.hero__card-fill.gratisproefles {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1.5em 3em;
  display: flex;
  position: relative;
}

.hero__card-fill.gratisproefles.red {
  background-color: #5e2317;
}

.hero__card-fill.recensie {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
}

.hero__card-fill.gratisproefles-copy {
  background-color: #fff0;
  border-style: none;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1.5em 3em;
  display: flex;
  position: relative;
}

.hero__column {
  flex: 0 auto;
}

.hero__column.margin-left_small {
  margin-left: 2em;
}

.hero__column.proefles {
  flex: 1;
  order: 0;
  justify-content: space-between;
  display: flex;
}

.heading-6 {
  color: var(--greywhite);
  text-transform: uppercase;
  font-family: Carla Sans, Georgia, sans-serif;
  font-size: 1.4em;
  font-style: normal;
  font-weight: 400;
  line-height: 1em;
}

.heading-6.hero.proefles {
  color: var(--greywhite);
  text-transform: uppercase;
  font-family: Carla Sans, Georgia, sans-serif;
  font-style: italic;
}

.heading-6.hero.proefles.green {
  color: var(--white-smoke);
}

.brand-logo-img {
  width: 3em;
  display: none;
}

.h1-hero {
  color: var(--white-smoke);
  text-align: center;
  letter-spacing: 0;
  text-transform: uppercase;
  font-family: Combatron, sans-serif;
  font-size: 9em;
  font-style: italic;
  font-weight: 400;
  line-height: .9;
  position: static;
}

.div-hero {
  position: relative;
}

.grid-item {
  flex-direction: column;
  width: 30%;
  padding-top: 1em;
  display: flex;
}

.grid-item.is--feature-left {
  align-self: flex-start;
  width: 40%;
  padding: 1em;
  display: block;
}

.grid-item.is--feature-right {
  width: 50%;
  padding-top: 0;
  position: relative;
  overflow: visible;
}

.grid-item.is--feature-right.hero__card-fill.form {
  padding-top: 2em;
  padding-bottom: 2em;
  display: block;
}

.grid-item.is--process {
  align-items: flex-start;
  min-height: 20em;
}

.grid-item.is--van {
  background-color: #ffffff17;
  border: 1px solid #ffffff1f;
  border-radius: 1em;
  height: auto;
  padding: 1.8em;
}

.grid-item.is--van:hover {
  background-color: #22272433;
  box-shadow: 0 0 9px 2px #eeeded12;
}

.grid-item.is--mobile {
  display: none;
}

.grid-item.abbo {
  background-color: #5e2317;
  border: 1px solid #ffffff1f;
  border-radius: 1em;
  width: auto;
  height: auto;
  padding: 1.8em 2.5em;
}

.grid-item.abbo:hover {
  background-color: var(--white-smoke);
  box-shadow: 0 0 9px 2px #eeeded12;
}

.slider {
  background-color: #0000;
  justify-content: center;
  align-items: center;
  height: auto;
  margin-top: 0;
  display: flex;
  position: relative;
}

.mask {
  border-radius: 1em;
  flex: 0 auto;
  width: 100%;
  height: 100%;
}

.icon {
  background-color: #ffffff17;
  width: 5em;
  max-width: 100%;
  height: 5em;
}

.icon.hero__card-fill.circle {
  border-radius: 50%;
  flex-direction: column;
  justify-content: center;
  width: 8em;
  height: 8em;
  padding: .5em;
}

.icon.hero__card-fill.footer {
  border-radius: 50%;
  flex-direction: column;
  justify-content: center;
  width: 4em;
  height: 4em;
  margin-left: 1em;
  padding: 1em;
}

.slider-arrow {
  filter: invert();
  width: .5em;
}

.slide-nav {
  display: none;
}

.slide_inner {
  width: 50%;
  margin-bottom: 8em;
}

.text.white, .text.white.form {
  color: var(--greywhite);
  font-family: Montserrat, sans-serif;
  font-weight: 600;
}

.text.white.footer {
  color: var(--greywhite);
  font-family: Montserrat, sans-serif;
  font-size: 1.3em;
}

.text.white.foot-link {
  color: var(--light-grey);
  font-family: Montserrat, sans-serif;
  font-size: 1.3em;
  font-weight: 300;
}

.text.white.foot-link:hover {
  color: var(--white-smoke);
}

.text.white.small {
  color: var(--greywhite);
  font-size: 12px;
  font-weight: 400;
}

.heading-3.centre {
  text-align: center;
}

.heading-3.centre.white {
  color: #eeeded;
  text-transform: none;
  font-family: Montserrat, sans-serif;
  font-size: 1.7em;
  font-style: normal;
  font-weight: 200;
}

.heading-3.white {
  color: var(--white-smoke);
  text-transform: uppercase;
  font-family: Combatron, sans-serif;
  font-size: 2.5em;
  font-style: italic;
  font-weight: 400;
}

.heading-2 {
  margin-top: .2em;
  margin-bottom: .1em;
}

.heading-2.white {
  color: var(--white-smoke);
  text-transform: none;
  font-family: Carla Sans, Georgia, sans-serif;
  font-size: 3.5em;
  font-style: normal;
  font-weight: 400;
}

.heading-2.white.centre {
  text-align: center;
}

.heading-2.special {
  color: var(--greywhite);
  text-transform: none;
  font-family: Carla Sans, Georgia, sans-serif;
  font-size: 4.5em;
  font-style: normal;
  font-weight: 400;
}

.paragraph {
  font-size: 1.1em;
}

.paragraph.white {
  color: var(--greywhite);
  font-family: Montserrat, sans-serif;
  line-height: 2;
}

.paragraph.white.center {
  text-align: center;
}

.paragraph.cta {
  color: var(--greywhite);
  -webkit-text-stroke-color: var(--greywhite);
  margin-bottom: 1em;
  font-family: Montserrat, sans-serif;
  font-size: 1.5em;
}

.paragraph.large {
  font-size: 1.6em;
}

.paragraph.large.white {
  margin-bottom: 2em;
  font-size: 1.3em;
}

.paragraph.large.white.lesspadding {
  margin-top: 0;
  margin-bottom: 1em;
}

.paragraph.green {
  color: var(--white-smoke);
  font-family: Montserrat, sans-serif;
  line-height: 2;
}

.button {
  margin-top: 1em;
  padding: 1.1em 1.4em;
  font-size: 1.2em;
}

.button.hero__card-fill.small {
  width: auto;
  font-family: Montserrat, sans-serif;
  font-weight: 600;
  display: inline-block;
  position: static;
}

.button.hero__card-fill.small:hover {
  background-color: #fff0;
}

.button.hero__card-fill.small-copy {
  background-color: var(--red);
  width: auto;
  font-family: Montserrat, sans-serif;
  font-weight: 600;
  display: inline-block;
  position: static;
}

.button.hero__card-fill.small-copy:hover {
  background-color: var(--white-smoke);
}

.button.hero__card-fill.small-copy.smaller {
  background-color: #00000014;
  font-size: 12px;
}

.button.hero__card-fill.small-copy.smaller._1rem-left {
  margin-left: 1rem;
}

.button.hero__card-fill.small-copy._2 {
  background-color: var(--red);
}

.inner-card {
  text-align: left;
  border-right: 1px solid #ffffff1f;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 25%;
  height: 100%;
  padding: 3em 2em;
  transition: background-color .2s;
  display: flex;
}

.inner-card.end {
  border-right-style: none;
}

.icon-img {
  background-color: #eeeded00;
  border: 1px #5a5a5a1f;
  border-radius: 0%;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 3em;
  margin-bottom: 1rem;
  padding: .3em;
  display: flex;
  inset: auto 0% 0%;
}

.card-inner-block {
  width: 100%;
}

.van-img {
  background-image: url('../images/Crossfit_Cuijk_BG.jpg');
  background-position: 100%;
  background-size: cover;
  border-radius: 1em;
  height: auto;
  min-height: 15em;
  max-height: 15em;
  transition: transform .6s;
  overflow: hidden;
}

.van-img:hover {
  transform: scale(1.2);
}

.van-mid {
  margin-top: 2em;
  margin-bottom: 2em;
}

.van-pricing {
  border-top: 1px solid #e9e2d73d;
  justify-content: space-between;
  align-items: center;
  height: auto;
  padding-top: 0;
  display: flex;
}

.form-field {
  color: var(--greywhite);
  background-color: #eeeded1c;
  border: 1px solid #ffffff1f;
  border-radius: 1em;
  padding-left: 1em;
  font-family: Montserrat, sans-serif;
}

.footer_logo, .footer_logo.w--current {
  max-width: 25em;
}

.container_footer {
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding: 10em 4em 2em;
  position: relative;
}

.footer-item {
  justify-content: flex-end;
  align-items: center;
  padding-bottom: 0;
  padding-left: 1em;
  padding-right: 1em;
  display: flex;
  overflow: visible;
}

.footer-grid-item {
  flex-direction: column;
  width: 33.3333%;
  padding-top: 1em;
  padding-left: 1em;
  display: flex;
}

.menu_line {
  background-color: var(--red);
  width: 100%;
  height: 1px;
  position: absolute;
  inset: auto auto 0% 0%;
  transform: translate(-101%);
}

.div-block {
  border-radius: 1em;
  overflow: hidden;
}

.zoom-img {
  border-radius: 1em;
  min-height: 15em;
  max-height: 15em;
  overflow: hidden;
}

.image-4, .social-icon {
  flex: none;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.brand {
  filter: invert();
  width: 5em;
  height: 5em;
}

.gradient {
  background-image: linear-gradient(2deg, #fff0, #00000096 62%, var(--black));
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.rich-text-block {
  color: var(--white-smoke);
  margin-top: 7em;
  font-weight: 300;
}

.rich-text-block h2 {
  letter-spacing: -.1em;
}

.rich-text-block p {
  line-height: 2.5;
}

.rich-text-block h3 {
  line-height: 1.1;
}

.rich-text-block li {
  padding-top: .7em;
  padding-bottom: .7em;
}

.html-embed {
  color: var(--white-smoke);
  font-family: Montserrat, sans-serif;
  font-size: 1.3em;
}

.brand_svg {
  color: var(--white-smoke);
  width: 3em;
  height: 3em;
  font-size: 1em;
}

.link-block {
  width: 100%;
  height: 100%;
}

.camper-brand_img {
  width: 3em;
  height: 3em;
}

.h-underscore {
  color: var(--red);
  background-image: url('../images/stripe.svg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: contain;
  font-family: Carla Sans, Georgia, sans-serif;
  position: relative;
  overflow: visible;
}

.p-camper {
  color: var(--white-smoke);
  font-size: 1.1em;
  line-height: 2;
}

.flex {
  display: flex;
}

.overflow-hidden {
  flex: 1;
  position: relative;
  overflow: hidden;
}

.h2-animate {
  color: var(--white-smoke);
  text-align: center;
  margin-top: .2em;
  margin-bottom: .1em;
}

.h2-animate.left {
  color: var(--greywhite);
  text-align: left;
  text-transform: uppercase;
  font-family: Carla Sans, Georgia, sans-serif;
  font-style: normal;
  font-weight: 400;
}

.h3-animate {
  color: var(--white-smoke);
}

.h3-animate.centre {
  text-align: center;
}

.h3-animate.centre.left {
  text-align: left;
}

.p-container {
  margin-top: 2em;
}

.nav-menu {
  display: none;
}

.menu-footer {
  justify-content: flex-end;
  align-items: center;
  padding-bottom: 0;
  padding-left: 1em;
  padding-right: 1em;
  display: flex;
  overflow: visible;
}

.menu-pop_link {
  align-items: center;
  margin-right: 1.2em;
  display: flex;
  position: relative;
  overflow: hidden;
}

.menu_pop-p {
  color: var(--white-smoke);
  font-size: 2.1em;
  transition: color .2s;
}

.menu_pop-p:hover {
  color: var(--black);
}

.t-price {
  color: var(--greywhite);
  letter-spacing: 0;
  font-family: Montserrat, sans-serif;
  font-size: 1.3em;
  line-height: 1;
}

.small-flex {
  justify-content: center;
  align-items: center;
  width: 25%;
  padding-bottom: 0;
  display: flex;
}

.cms-image {
  width: 45px;
  height: 45px;
  padding-right: 1.5em;
}

.cms-text {
  font-size: 1.6em;
  font-weight: 500;
  line-height: 2;
}

.inline {
  align-items: center;
  display: flex;
}

.more-cms {
  border-radius: 5px;
  width: 25%;
  margin: 10px;
  overflow: hidden;
}

.more-cms_contain {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.camper-cms-images {
  margin-top: 7em;
  margin-bottom: 7em;
}

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

.text-span-2 {
  color: var(--greywhite);
  font-family: Carla Sans, Georgia, sans-serif;
  font-style: normal;
}

.section-3 {
  background-color: var(--white-smoke);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  margin-top: 0;
  display: flex;
}

.text-span-3 {
  color: var(--red);
  background-image: url('../images/stripe2.svg');
  background-position: 50% 110%;
  background-repeat: no-repeat;
  background-size: contain;
  font-style: italic;
}

.p-abbo {
  color: var(--greywhite);
  font-family: Montserrat, sans-serif;
  font-size: 1.1em;
  line-height: 2;
}

.p-abbo.price {
  color: var(--greywhite);
  margin-top: .5em;
  font-size: 3.7em;
  font-weight: 300;
  line-height: 1;
}

.prijs {
  color: var(--white-smoke);
  font-family: Montserrat, sans-serif;
  font-size: 1.3em;
}

.image-8 {
  width: 2.4em;
  height: 2.5em;
  margin-top: 5px;
}

.image-9 {
  width: 5em;
  height: 5em;
}

.image-10 {
  width: 14em;
}

.arrow-2 {
  background-color: #eeeded;
  border: 1px solid #5a5a5a1f;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 1.2em;
  height: 1.2em;
  display: flex;
  inset: auto 0% 0%;
}

.arrow-2.left {
  background-color: #eeeded4a;
  border-color: #eeeded;
  inset: auto 0% -.6em -2em;
}

.arrow-2.left:hover {
  background-color: #cccfbe;
  border-color: #3a4533;
}

.arrow-2.right {
  background-color: #eeeded4a;
  border-color: #eeeded;
  bottom: -.6em;
  left: 2em;
}

.arrow-2.right:hover {
  background-color: #cccfbe;
  border-color: #3a4533;
}

.div-block-5 {
  justify-content: center;
  display: flex;
}

.div-block-6 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.div-block-7 {
  flex-direction: column;
  align-self: auto;
  align-items: center;
  display: flex;
}

.image-11 {
  height: 87%;
}

.image-12, .image-13, .image-14 {
  height: 100%;
}

.image-15 {
  flex: 0 auto;
  order: 1;
  width: 2.4em;
  position: static;
}

.small {
  color: var(--lightgreen);
  font-size: .7em;
}

.div-block-8 {
  justify-content: space-between;
  align-items: center;
  margin-top: 2rem;
  padding-left: 1em;
  padding-right: 1em;
  display: flex;
}

.html-embed-2 {
  margin-top: 4rem;
}

.div-block-9 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 60em;
  display: flex;
}

.div-block-10 {
  flex: 0 auto;
  display: inline-block;
}

.div-block-11 {
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.link-block-2 {
  mix-blend-mode: screen;
  width: 10rem;
  position: static;
}

.image-16 {
  mix-blend-mode: normal;
}

.div-block-12 {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  flex-flow: column;
  display: flex;
}

.div-block-14 {
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.paddingtop {
  margin-top: 1.5rem;
}

.bold-text {
  color: var(--greywhite);
  font-family: Montserrat, sans-serif;
}

.grid-5 {
  grid-column-gap: .7em;
  grid-row-gap: .7em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin-top: 2em;
}

.image-18 {
  border-top-left-radius: 45%;
  border-top-right-radius: 45%;
}

.text-span-9 {
  text-transform: none;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
}

.section__container {
  width: 100%;
  max-width: 80em;
  margin-left: auto;
  margin-right: auto;
}

.splide__item-img-mask {
  height: 17.6875em;
  transition: transform 1s cubic-bezier(.23, 1, .32, 1);
  overflow: hidden;
}

.splide__item-title {
  color: var(--white-smoke);
  margin-right: .3em;
  font-family: Montserrat, sans-serif;
  font-size: 2em;
  font-weight: 500;
  transition: none;
  transform: none;
}

.splide__item-title-wrap {
  opacity: 0;
  justify-content: center;
  align-items: center;
  transition: transform 1.25s cubic-bezier(.23, 1, .32, 1), opacity 1.25s cubic-bezier(.23, 1, .32, 1);
  display: flex;
  transform: skew(0deg, 3deg)translate(0, 3em);
}

.section-4 {
  padding-top: 9.375em;
  padding-bottom: 9.375em;
}

.splide {
  width: 100%;
  position: relative;
}

.splide__member-position {
  opacity: 0;
  color: var(--white-smoke);
  margin-bottom: 1.5625em;
  font-family: Montserrat, sans-serif;
  font-size: 1.1em;
  font-style: italic;
  transition: transform 1.25s cubic-bezier(.23, 1, .32, 1), opacity 1.25s cubic-bezier(.23, 1, .32, 1);
  transform: skew(0deg, 3deg)translate(0, 3em);
}

.splide__slide {
  flex: none;
  width: 25%;
}

.main {
  overflow: hidden;
}

.splide__item-content {
  flex-direction: column;
  align-items: center;
  width: 26.25em;
  margin-top: 4em;
  display: flex;
}

.splide__arrow {
  background-color: #0000;
  background-image: url('../images/fiurstcheck--arrow.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 1em;
  border: 1px solid #cbb8af;
  border-radius: 100px;
  width: 5.625em;
  height: 5.625em;
}

.splide__arrow.splide__arrow--style {
  display: none;
}

.splide__item-img {
  filter: saturate(0%);
  object-fit: contain;
  width: 100%;
  height: 100%;
  transition: filter 1s cubic-bezier(.23, 1, .32, 1);
}

.splide__arrow-embed.fliphorizontal {
  transform: rotate(180deg);
}

.splide__item {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.global_text-color--silver {
  color: #cbb8af;
}

.splide__track {
  width: 100%;
}

.global_display--none {
  display: none;
}

.layout-grid {
  grid-row-gap: 4.6875em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.splide__arrows {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 66.5em;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: absolute;
  inset: auto 0% 5em;
}

.splide__list {
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.splide__item-bio {
  opacity: 0;
  color: var(--white-smoke);
  font-family: Montserrat, sans-serif;
  transition: opacity 1.25s cubic-bezier(.23, 1, .32, 1), transform 1.25s cubic-bezier(.23, 1, .32, 1);
  transform: translate(0, 3em);
}

@media screen and (max-width: 991px) {
  .section.is--nav {
    z-index: 900;
    padding-left: 4em;
    padding-right: 4em;
  }

  .container {
    padding-top: 10em;
    padding-bottom: 10em;
  }

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

  .container.is--hero {
    max-width: 100%;
  }

  .container.nomargin {
    padding-top: 0;
    padding-bottom: 0;
  }

  .grid.is--nav {
    justify-content: space-between;
  }

  .grid.hero__card-fill.four-boxes {
    height: auto;
    min-height: 20em;
  }

  .grid_item.is--nav-logo {
    align-self: center;
    width: 30%;
  }

  .grid_item.is--menu {
    z-index: -1;
    background-color: var(--light-grey);
    border-radius: 1em;
    width: 100%;
    padding-top: 75px;
    padding-bottom: 24px;
    padding-left: 2.04em;
    display: none;
    position: absolute;
    inset: 0% 0% auto;
  }

  .menu_link {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .menu_p {
    font-size: 26px;
  }

  .menu_p.special {
    font-size: 1.9em;
  }

  .menu_button {
    justify-content: flex-start;
    margin-left: 0;
  }

  .hero__card {
    margin-right: 5em;
  }

  .h1-hero {
    font-size: 11.8em;
  }

  .grid-item.is--van {
    width: 32%;
  }

  .grid-item.is--mobile {
    flex: none;
    align-items: flex-end;
    display: flex;
  }

  .grid-item.abbo {
    width: 100%;
    height: 100%;
  }

  .slider {
    height: 50em;
  }

  .icon.hero__card-fill.footer {
    width: 40px;
    height: 40px;
  }

  .slide_inner {
    width: 80%;
  }

  .text.white {
    font-size: 1.4em;
  }

  .text.white.footer, .text.white.foot-link {
    font-size: 2em;
  }

  .heading-3 {
    font-size: 3.8em;
  }

  .heading-3.centre.white {
    font-size: 3em;
    line-height: 1.1;
  }

  .paragraph.white {
    font-size: 1.5em;
  }

  .paragraph.large {
    font-size: 2.5em;
  }

  .paragraph.large.white {
    font-size: 1.7em;
  }

  .paragraph.green, .button.hero__card-fill.small, .button.hero__card-fill.small-copy {
    font-size: 1.5em;
  }

  .container_footer {
    padding-top: 10em;
    padding-bottom: 5em;
  }

  .menu-button {
    z-index: 100;
    color: var(--white-smoke);
    padding: 10px;
    font-size: 5em;
    line-height: 0;
    position: relative;
  }

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

  .hamburger {
    font-weight: 300;
    line-height: 0;
  }

  .rich-text-block p {
    font-size: 1.5em;
  }

  .rich-text-block li, .html-embed {
    font-size: 1.5em;
    line-height: 2;
  }

  .brand_svg {
    width: 3.1em;
  }

  .p-camper {
    font-size: 1.5em;
  }

  .h3-animate.centre {
    font-size: 5em;
  }

  .nav-menu {
    z-index: 999;
    background-color: var(--black);
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
    inset: 0%;
  }

  .nav-menu_styling {
    z-index: 10;
    flex-direction: column;
    justify-content: center;
    align-self: stretch;
    align-items: center;
    height: 100%;
    padding: 6.5em 8em 8.5em;
    display: flex;
    position: relative;
  }

  .nav-menu_size {
    z-index: 5;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    min-width: auto;
    display: flex;
    position: absolute;
    inset: 0%;
    overflow: auto;
  }

  .nav-menu_inner {
    z-index: 5;
    flex-wrap: wrap;
    justify-content: space-between;
    align-self: stretch;
    align-items: flex-start;
    margin-bottom: 35px;
    display: flex;
    position: relative;
  }

  .nav-menu_inner.across {
    z-index: 5;
    border-top: 2px solid var(--light-grey);
    padding-top: 35px;
  }

  .nav-grid {
    width: 50%;
  }

  .menu-footer {
    z-index: 5;
    text-align: center;
    flex-direction: column;
    justify-content: center;
    position: absolute;
    inset: auto 0% 5em;
  }

  .location-container {
    margin-bottom: 4em;
    font-size: 9px;
  }

  .social-container {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .menu-camper {
    width: auto;
  }

  .collection-list-wrapper {
    width: 100%;
  }

  .collection-list {
    flex-wrap: wrap;
    display: block;
  }

  .nav-close {
    z-index: 100;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 6em;
    height: 6em;
    padding: .5em;
    display: flex;
    position: fixed;
    top: 4em;
    left: 4em;
  }

  .nav-close-icon {
    z-index: 5;
    object-fit: contain;
    width: 4em;
    height: 4em;
    position: relative;
  }

  .nav-close_circle {
    border: 1px solid var(--white-smoke);
    border-radius: 50%;
    padding-bottom: 0;
    padding-right: 0;
    position: absolute;
    inset: 0%;
  }

  .menu-pop_link {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .menu-pop_link.w--current {
    font-family: Carla Sans, Georgia, sans-serif;
  }

  .menu_pop-p {
    text-transform: uppercase;
    font-family: Carla Sans, Georgia, sans-serif;
    font-size: 41px;
  }

  .menu_pop-p:hover {
    color: var(--white-smoke);
    font-style: italic;
  }

  .nav-menu-bg {
    z-index: 3;
    background-color: var(--black);
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0%;
  }

  .t-price {
    line-height: 2;
  }

  .small-flex {
    align-items: center;
  }

  .cms-image {
    width: 38px;
  }

  .cms-text {
    font-size: 2.2em;
  }

  .p-abbo {
    font-size: 1.5em;
  }

  .prijs {
    font-size: 1.5em;
    line-height: 2;
  }

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

  .splide__item-title {
    font-size: 3.5em;
  }

  .section-4 {
    padding-left: 2.5em;
    padding-right: 2.5em;
  }

  .splide__member-position {
    font-size: 3.2em;
  }

  .splide__slide {
    width: 100%;
  }

  .splide__item-content {
    width: 90vw;
  }

  .splide__arrow-embed {
    font-size: 2vw;
  }

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

  .splide__item-bio {
    font-size: 3.2em;
    line-height: 2;
  }
}

@media screen and (max-width: 767px) {
  .grid.is--content {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: block;
  }

  .grid_item.is--nav-logo {
    align-self: center;
  }

  .menu_p.special {
    font-size: 2.3em;
  }

  .hero__card-fill {
    width: 50em;
  }

  .hero__card-fill.recensie {
    height: auto;
  }

  .heading-6 {
    font-size: 5.5em;
  }

  .heading-6.hero {
    font-size: 3.5em;
  }

  .brand-logo-img {
    width: 5.6em;
  }

  .h1-hero {
    font-size: 14em;
  }

  .grid-item.is--feature-left {
    width: 100%;
    margin-bottom: 4em;
  }

  .grid-item.is--feature-right {
    width: 100%;
  }

  .grid-item.is--process {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding-top: 2em;
    padding-bottom: 2em;
  }

  .grid-item.is--van {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 40px;
  }

  .grid-item.abbo {
    width: 100%;
    height: auto;
    margin-top: 20px;
    margin-bottom: 40px;
  }

  .slider {
    height: auto;
    padding-top: 10em;
    padding-bottom: 10em;
  }

  .mask {
    border-radius: 0;
  }

  .icon.hero__card-fill.circle {
    width: 15em;
    height: 15em;
  }

  .icon.hero__card-fill.footer {
    width: 45px;
    height: 45px;
    padding: 1.5em;
  }

  .slide_inner {
    width: 100%;
  }

  .text.white {
    font-size: 2.5em;
  }

  .text.white.footer, .text.white.foot-link {
    font-size: 2.6em;
  }

  .heading-3, .heading-3.white {
    font-size: 5em;
  }

  .heading-2.white, .heading-2.special {
    margin-top: 0;
    font-size: 8.5em;
  }

  .paragraph.white {
    font-size: 2em;
  }

  .paragraph.cta {
    font-size: 2.4em;
  }

  .paragraph.large.white {
    font-size: 2.2em;
  }

  .paragraph.green {
    font-size: 2em;
  }

  .button.hero__card-fill.small, .button.hero__card-fill.small-copy {
    font-size: 2.5em;
  }

  .inner-card {
    width: 50%;
    padding: 3em;
  }

  .icon-img {
    border-color: var(--lightgreen);
    width: 10em;
    height: 10em;
    padding: 1em;
  }

  .van-img {
    min-height: 45em;
  }

  .pricing-left {
    padding-right: 1em;
  }

  .footer_logo {
    width: 70%;
    max-width: 70%;
  }

  .container_footer {
    padding-bottom: 5em;
  }

  .zoom-img {
    min-height: 50em;
    max-height: 50em;
  }

  .grid-item-process.left {
    width: 20%;
    height: 100%;
  }

  .grid-item-process.right {
    width: 80%;
  }

  .rich-text-block p {
    font-size: 2.8em;
    line-height: 2;
  }

  .rich-text-block h3 {
    font-size: 5em;
    line-height: 2;
  }

  .rich-text-block li {
    font-size: 2.8em;
  }

  .html-embed {
    font-size: 3em;
  }

  .brand_svg {
    font-size: 9px;
  }

  .camper-brand_img {
    width: 40px;
    height: 40px;
  }

  .p-camper {
    font-size: 2.5em;
  }

  .flex {
    flex-wrap: wrap;
  }

  .h2-animate.left {
    font-size: 8em;
  }

  .h3-animate.centre {
    font-size: 6.5em;
  }

  .location-container {
    font-size: 6px;
  }

  .nav-close {
    width: 50px;
    height: 50px;
  }

  .nav-close-icon {
    width: 30px;
    height: 30px;
  }

  .t-price {
    font-size: 3.5em;
  }

  .small-flex {
    align-items: center;
  }

  .cms-image {
    width: 30px;
    max-width: 50px;
    height: 30px;
  }

  .cms-text {
    font-size: 20px;
  }

  .p-abbo {
    font-size: 2.5em;
  }

  .prijs {
    font-size: 3em;
  }

  .image-10 {
    width: 100%;
  }

  .div-block-8 {
    display: block;
  }

  .div-block-9 {
    max-width: none;
  }

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

  .splide__item-img-mask {
    height: 10em;
  }

  .splide__slide {
    width: 33.33%;
  }

  .splide__arrow {
    width: 5em;
    height: 5em;
  }

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

@media screen and (max-width: 479px) {
  .section.is--hero {
    background-image: linear-gradient(#00000080, #00000080), url('../images/PilatesCuijk.png');
    background-position: 0 0, 50%;
    background-size: auto, cover;
    background-attachment: scroll, scroll;
  }

  .section.is--process {
    padding-top: 8em;
  }

  .section.is--campers {
    background-image: linear-gradient(2deg, #000000bd 30%, #fff0), url('../images/Portrait-Adventure-Van.jpeg');
  }

  .container {
    padding-top: 20em;
    padding-bottom: 20em;
  }

  .container.is--navbar {
    padding-top: 2em;
    padding-bottom: 2em;
  }

  .container.is--hero {
    height: 90vh;
    max-height: 90vh;
  }

  .container.center {
    padding-top: 20em;
  }

  .container.white.no-padding-bottom {
    padding-top: 40em;
  }

  .grid.is--nav {
    justify-content: space-between;
    align-items: center;
  }

  .grid.hero__card-fill.four-boxes {
    display: block;
  }

  .grid_item.is--nav-logo {
    width: 45%;
    padding: 2.04em;
  }

  .grid_item.is--menu {
    border-radius: 1em;
    justify-content: space-between;
    width: 100%;
    display: none;
  }

  .nav_logo {
    display: block;
  }

  .menu_p {
    color: var(--white-smoke);
    font-size: 23px;
  }

  .menu_p.special {
    font-size: 3.7em;
  }

  .menu_button {
    margin-left: 0;
    font-weight: 400;
  }

  .hero__card-fill {
    width: 50em;
  }

  .heading-6 {
    font-size: 6.5em;
  }

  .heading-6.hero {
    font-size: 4em;
  }

  .brand-logo-img {
    width: 6em;
  }

  .h1-hero {
    font-size: 70px;
  }

  .grid-item.is--van, .grid-item.abbo {
    margin-bottom: 4em;
    padding: 5em;
  }

  .slider {
    height: auto;
  }

  .icon.hero__card-fill.circle {
    width: 16em;
    height: 16em;
  }

  .icon.hero__card-fill.footer {
    width: 35px;
    height: 35px;
    padding: 1.5em;
  }

  .text.white {
    font-size: 4em;
  }

  .text.white.footer {
    font-size: 3em;
  }

  .text.white.foot-link {
    font-size: 4.5em;
  }

  .paragraph.white {
    font-size: 3.5em;
  }

  .paragraph.cta {
    font-size: 4em;
  }

  .paragraph.large.white {
    font-size: 3.7em;
  }

  .paragraph.green, .button.hero__card-fill.small, .button.hero__card-fill.small-copy {
    font-size: 3.5em;
  }

  .button.hero__card-fill.small-copy.smaller._1rem-left {
    margin-left: 0;
  }

  .inner-card {
    border-bottom: 1px solid #ffffff1f;
    border-right-style: none;
    width: 100%;
  }

  .inner-card.end {
    border-bottom-style: none;
  }

  .icon-img {
    width: 10em;
    height: 10em;
  }

  .van-pricing {
    padding-top: 20px;
  }

  .footer_logo {
    max-width: 70%;
  }

  .footer_logo.w--current {
    width: 100%;
    max-width: 100%;
  }

  .container_footer {
    padding-top: 20em;
    padding-bottom: 7em;
  }

  .footer-grid-item {
    width: 100%;
  }

  .zoom-img {
    min-height: 50em;
    max-height: 50em;
  }

  .grid-item-process.right {
    margin-left: 4em;
  }

  .social-icon {
    object-fit: contain;
    width: 100%;
    height: 100%;
  }

  .menu-button {
    height: 100%;
  }

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

  .brand {
    width: 30px;
    height: 30px;
  }

  .rich-text-block p {
    font-size: 3.5em;
  }

  .rich-text-block h3 {
    font-size: 7.5em;
    line-height: 1.5;
  }

  .rich-text-block li {
    font-size: 3.5em;
  }

  .html-embed {
    font-size: 4em;
  }

  .brand_svg {
    width: 30px;
    height: 30px;
  }

  .p-camper {
    font-size: 3.5em;
  }

  .h2-animate.left {
    font-size: 10em;
  }

  .h3-animate.centre {
    font-size: 6.5em;
    line-height: 1.11;
  }

  .nav-menu {
    display: none;
  }

  .nav-menu_inner {
    display: block;
  }

  .nav-grid {
    width: 100%;
  }

  .location-container {
    font-size: 5px;
  }

  .nav-close {
    top: 6.5em;
    left: 8em;
  }

  .menu_pop-p {
    color: var(--greywhite);
    font-family: Carla Sans, Georgia, sans-serif;
    font-size: 30px;
    line-height: 1.4;
  }

  .nav-menu-bg {
    background-color: var(--red);
  }

  .t-price {
    font-size: 3.8em;
  }

  .cms-image {
    width: 18px;
    height: 18px;
  }

  .cms-text {
    font-size: 10px;
  }

  .inline {
    font-size: 1.1vw;
  }

  .p-abbo {
    font-size: 3.2em;
  }

  .prijs {
    font-size: 4em;
  }

  .image-8 {
    width: 5em;
    height: 5em;
  }

  .image-10 {
    width: 100%;
  }

  .image-15 {
    width: 5em;
  }

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

  .splide__item-img-mask {
    width: 80%;
    height: auto;
  }

  .splide__slide {
    width: 100%;
  }

  .splide__item-content {
    width: 90vw;
  }

  .splide__arrow {
    width: 4em;
    height: 4em;
  }

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

  .splide__arrows {
    grid-column-gap: 1em;
    grid-template-rows: auto;
    grid-template-columns: auto;
    grid-auto-columns: auto;
    grid-auto-flow: column;
    justify-content: center;
    margin-top: 1em;
    display: grid;
    position: static;
  }
}

#w-node-d05f7cb1-80bb-8f6d-043f-e2d01e969f10-79eb51ef {
  grid-area: span 1 / span 12 / span 1 / span 12;
  justify-self: center;
}

#w-node-d05f7cb1-80bb-8f6d-043f-e2d01e969f15-79eb51ef {
  grid-area: span 1 / span 12 / span 1 / span 12;
}

#w-node-_977fc980-1755-aed8-e8de-814c29bd947c-79eb51ef, #w-node-_80c67c9d-cf81-137a-f397-74a892b52711-79eb51ef, #w-node-_80c67c9d-cf81-137a-f397-74a892b52712-79eb51ef, #w-node-b249f19b-96aa-8d3e-2f9f-0a7b3205e0e4-79eb51ef, #w-node-b249f19b-96aa-8d3e-2f9f-0a7b3205e0e5-79eb51ef, #w-node-_1c9f72c4-4188-1e71-fb57-fd0411c7a577-79eb51ef, #w-node-_1c9f72c4-4188-1e71-fb57-fd0411c7a578-79eb51ef {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 991px) {
  #w-node-d05f7cb1-80bb-8f6d-043f-e2d01e969f10-79eb51ef, #w-node-d05f7cb1-80bb-8f6d-043f-e2d01e969f15-79eb51ef {
    grid-column: span 8 / span 8;
  }
}

@media screen and (max-width: 767px) {
  #w-node-d05f7cb1-80bb-8f6d-043f-e2d01e969f10-79eb51ef, #w-node-d05f7cb1-80bb-8f6d-043f-e2d01e969f15-79eb51ef {
    grid-column: span 4 / span 4;
  }
}

@media screen and (max-width: 479px) {
  #w-node-d05f7cb1-80bb-8f6d-043f-e2d01e969f10-79eb51ef, #w-node-d05f7cb1-80bb-8f6d-043f-e2d01e969f15-79eb51ef {
    grid-column: span 2 / span 2;
  }
}


@font-face {
  font-family: 'Carla Sans';
  src: url('../fonts/CarlaSansSemibold.woff2') format('woff2'), url('../fonts/CarlaSansSemibold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Carla Sans';
  src: url('../fonts/CarlaSansLight.woff2') format('woff2'), url('../fonts/CarlaSansLight.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Carla Sans';
  src: url('../fonts/CarlaSansBold.woff2') format('woff2'), url('../fonts/CarlaSansBold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Carla Sans';
  src: url('../fonts/CarlaSansRegular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Combatron';
  src: url('../fonts/Combatron-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Combatron';
  src: url('../fonts/Combatron-Italic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Combatron';
  src: url('../fonts/Combatron-Bold-Italic.otf') format('opentype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Combatron';
  src: url('../fonts/Combatron.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}