:root { 
  --accent1colour: #c6a848;
  --accent2colour: #bf969f;
  --black: #00000054;
  --primarycolour: #21332c;
  --primarytextcolour: #000000;
  --secondarycolour: #ffffff;
  --secondarytextcolour: #ffffff;
  --tertiarycolour: #bacbc5;
 
  /*  em fontsize */
  --font-size-l: 1.25em;  /* 20px */
  --font-size-m: 1em;     /* 16px */
  --font-size-s: 0.75em;  /* 12px */
  --font-size-xl: 1.5em;  /* 24px */
  --font-size-xxl: 2.25em;/* 36px */

  --font-size-tablet-xs: 0.75em; /* 12px */
  --font-size-tablet-s: 0.875em; /* 14px */
  --font-size-tablet-m: 1.125em; /* 18px */
  --font-size-tablet-l: 1.5em;   /* 24px */
  --font-size-tablet-xl: 2em;    /* 32px */

 
  --font-family-montserrat: "Montserrat", Helvetica;
}

h1 {
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height:1.2em;
  text-align:center;
  margin:0;
}

h2 {
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height:1.2em;
  text-align:center;
  margin:1em 0em;
}

h3 {
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height:1.2em;
  text-align:center;
  margin:0.7em 0em;
}

h4 {
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height:1.2em;
  text-align:center;
  margin:0;
}

p, td, label {
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height:1.4em;
  text-align:center;
  margin:0;
}

label {
  text-align: left;
}

 .bold {
  font-weight: 600!important;
}

a {
  font-family: var(--font-family-montserrat);
  margin:0;
}

.btn-s {
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.05em;
  line-height:1.2em;
  text-align:center;
}

.btn-m {
  font-family: var(--font-family-montserrat);
  font-size: 1.2em;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.05em;
  line-height:1.2em;
  text-align:center;
}

/* oud */

.button-text-m {
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0.8px;
  text-align:center;
  position:relative;
  width: fit-content;

}

.button-text-l {
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0.96px;
  text-align:center;
  position:relative;
  width: fit-content;
}

.disclaimer-text {
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  text-align:center;
}

.button-text-s {
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-m);
  font-style: normal;
  line-height:normal;
  font-weight: 600;
  letter-spacing: 2px;
  text-align:center;
  position:relative;
  width: fit-content;
}

