@font-face {
    font-family: postnlweb;
    src:url(../../cdn/fonts/postnlweb-medium-webfont.woff2) format("woff2");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: postnlweb;
    src: url(../../cdn/fonts/postnlweb-light-webfont.woff2) format("woff2");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: postnlweb;
    src: url(../../cdn/fonts/postnlweb-regular-webfont.woff2) format("woff2");
    font-weight: 400;
    font-style: normal
}


:root {
  /* default starting values for scaling formulas */
  --font-size-min-value: 1;
  --font-size-max-value: 2;
  --font-size-scaler-value: 1.5;
  
  --font-family-normal: postnlweb,Arial,Helvetica,sans-serif;
  --font-weight-normal: 300;
}

/* Generic formulas to apply scaling values on individual elements with different supplied values */
* {
  --font-size-min: calc(var(--font-size-min-value) * 1rem);
  --font-size-max: calc(var(--font-size-max-value) * 1rem);
  --font-size-scaler: calc(var(--font-size-scaler-value) * 1vw);
  --font-size: clamp(var(--font-size-min), calc(0.5rem + var(--font-size-scaler)), var(--font-size-max));
  --line-height: clamp(1.25em, 3.5vw, 1.6em); 
}

  h1 {
    /* responsive typography scaling bits */
 --font-size-min-value: 4;
    --font-size-max-value: 10;
    --font-size-scaler-value: 6.5;
    font-size: var(--font-size);
    line-height: var(--line-height); 
  }
  h2 {
    /* responsive typography scaling bits */
 --font-size-min-value: 2;
    --font-size-max-value: 4;
    --font-size-scaler-value: 3;
    font-size: var(--font-size);
    line-height: var(--line-height); 
  }
  h3 {
    /* responsive typography scaling bits */
 --font-size-min-value: 1.5;
    --font-size-max-value: 2;
    --font-size-scaler-value: 2.5;
    font-size: var(--font-size);
    line-height: var(--line-height); 
  }

  p {
    /* responsive typography scaling bits */
    font-size: var(--font-size);
    line-height: var(--line-height); 
  }



/*******************************************************************/
/* ftrtch dino */
/* [type: CSS] [file:fonts] [196.963] DESIGN*/
/*******************************************************************/
/* 0.1 D>D */
/* db 151 */