@font-face {
  font-family: "Desdemona";
  src: url(https://cdn.assetcloudstore.com/fonts/desdemon.ttf) format("truetype");
}
@font-face {
  font-family: "Catamaran-Light";
  src: url(https://cdn.assetcloudstore.com/fonts/Catamaran-Light.ttf) format("truetype");
}
@font-face {
  font-family: "ao-regular";
  src: url(https://assetcloudstore.com/content/trouwen/Catamaran-Light.ttf) format("truetype");
}
@font-face {
  font-family: "ao-bold";
  src: url(https://assetcloudstore.com/content/trouwen/Catamaran-Bold.ttf) format("truetype");
}
header svg * {
  font-family: "Catamaran-Light" !important;
}
header svg .cls-4 * {
  font-family: "Desdemona" !important;
}
.golden {
  font-family: "Catamaran-Light" !important;
  color: #daa628 !important;
  font-weight: 100 !important;
}
html {
  font-size: 62.5%;
  font-family: "ao-regular";
}
html * {
  font-family: "ao-regular";
}
h1, h2, h3, h4, h5 {
  font-family: "ao-regular";
  color: var(--color-base-2);
}
body {
  color: var(--color-font);
}
/*parse function*/
/*main mixin font-size calc*/
p {
  font-size: 19px;
  line-height: calc(19px * 1.2);
}
@media screen and (min-width: 750px) {
  p {
    font-size: calc(19px + 7 * ((100vw - 750px) / 1250));
    line-height: calc(1.2*( calc(19px + 7 * ((100vw - 750px) / 1250))));
  }
}
@media screen and (min-width: 2000px) {
  p {
    font-size: 26px;
    line-height: calc(26px * 1.2);
  }
}
p.p-small, span.footer-text {
  font-size: 15px;
  line-height: calc(15px * 1.2);
}
@media screen and (min-width: 750px) {
  p.p-small, span.footer-text {
    font-size: calc(15px + 3 * ((100vw - 750px) / 1250));
    line-height: calc(1.2*( calc(15px + 3 * ((100vw - 750px) / 1250))));
  }
}
@media screen and (min-width: 2000px) {
  p.p-small, span.footer-text {
    font-size: 18px;
    line-height: calc(18px * 1.2);
  }
}
p.bigp {
  font-size: 28px;
  line-height: calc(28px * 1.2);
}
@media screen and (min-width: 750px) {
  p.bigp {
    font-size: calc(28px + 14 * ((100vw - 750px) / 1250));
    line-height: calc(1.2*( calc(28px + 14 * ((100vw - 750px) / 1250))));
  }
}
@media screen and (min-width: 2000px) {
  p.bigp {
    font-size: 42px;
    line-height: calc(42px * 1.2);
  }
}
.header-name {
  font-size: 38px;
  line-height: calc(38px * 1.2);
}
@media screen and (min-width: 750px) {
  .header-name {
    font-size: calc(38px + 22 * ((100vw - 750px) / 1250));
    line-height: calc(1.2*( calc(38px + 22 * ((100vw - 750px) / 1250))));
  }
}
@media screen and (min-width: 2000px) {
  .header-name {
    font-size: 60px;
    line-height: calc(60px * 1.2);
  }
}
.header-amp {
  font-size: 45px;
  line-height: calc(45px * 1.2);
}
@media screen and (min-width: 750px) {
  .header-amp {
    font-size: calc(45px + 35 * ((100vw - 750px) / 1250));
    line-height: calc(1.2*( calc(45px + 35 * ((100vw - 750px) / 1250))));
  }
}
@media screen and (min-width: 2000px) {
  .header-amp {
    font-size: 80px;
    line-height: calc(80px * 1.2);
  }
}
.header-date {
  font-size: 25px;
  line-height: calc(25px * 1.2);
}
@media screen and (min-width: 750px) {
  .header-date {
    font-size: calc(25px + 5 * ((100vw - 750px) / 1250));
    line-height: calc(1.2*( calc(25px + 5 * ((100vw - 750px) / 1250))));
  }
}
@media screen and (min-width: 2000px) {
  .header-date {
    font-size: 30px;
    line-height: calc(30px * 1.2);
  }
}
h1 {
  font-size: 42px;
  line-height: calc(42px * 1.2);
}
@media screen and (min-width: 750px) {
  h1 {
    font-size: calc(42px + 18 * ((100vw - 750px) / 1250));
    line-height: calc(1.2*( calc(42px + 18 * ((100vw - 750px) / 1250))));
  }
}
@media screen and (min-width: 2000px) {
  h1 {
    font-size: 60px;
    line-height: calc(60px * 1.2);
  }
}
h2 {
  font-size: 24px;
  line-height: calc(24px * 1.2);
}
@media screen and (min-width: 750px) {
  h2 {
    font-size: calc(24px + 26 * ((100vw - 750px) / 1250));
    line-height: calc(1.2*( calc(24px + 26 * ((100vw - 750px) / 1250))));
  }
}
@media screen and (min-width: 2000px) {
  h2 {
    font-size: 50px;
    line-height: calc(50px * 1.2);
  }
}
h3 {
  font-size: 22px;
  line-height: calc(22px * 1.2);
}
@media screen and (min-width: 750px) {
  h3 {
    font-size: calc(22px + 18 * ((100vw - 750px) / 1250));
    line-height: calc(1.2*( calc(22px + 18 * ((100vw - 750px) / 1250))));
  }
}
@media screen and (min-width: 2000px) {
  h3 {
    font-size: 40px;
    line-height: calc(40px * 1.2);
  }
}
h4 {
  font-size: 20px;
  line-height: calc(20px * 1.2);
}
@media screen and (min-width: 750px) {
  h4 {
    font-size: calc(20px + 10 * ((100vw - 750px) / 1250));
    line-height: calc(1.2*( calc(20px + 10 * ((100vw - 750px) / 1250))));
  }
}
@media screen and (min-width: 2000px) {
  h4 {
    font-size: 30px;
    line-height: calc(30px * 1.2);
  }
}
h5 {
  font-size: 18px;
  line-height: calc(18px * 1.2);
}
@media screen and (min-width: 750px) {
  h5 {
    font-size: calc(18px + 4 * ((100vw - 750px) / 1250));
    line-height: calc(1.2*( calc(18px + 4 * ((100vw - 750px) / 1250))));
  }
}
@media screen and (min-width: 2000px) {
  h5 {
    font-size: 22px;
    line-height: calc(22px * 1.2);
  }
}

/*******************************************************************/
/* ftrtch dino */
/* [type: CSS] [file:typography] [8.616] DESIGN*/
/*******************************************************************/
/* 0.3 P>P */
/* db 78 */