@font-face {
    font-family: 'visbycf-bold';
    src: url('visbycf-bold-webfont.woff2') format('woff2'),
         url('visbycf-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'visbycf-demibold';
    src: url('visbycf-demibold-webfont.woff2') format('woff2'),
         url('visbycf-demibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'visbycf-regular';
    src: url('visbycf-regular-webfont.woff2') format('woff2'),
         url('visbycf-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

:root {
  /* Fonts */
  --font-size-1: 2.5rem;
  --font-size-2: 2rem;
  --font-size-3: 1.875rem;
  --font-size-4: 1.7rem;
  --font-size-5: 1.25rem;
  --font-size-6: 1.125rem;
  --headings-lineheight: 1.375;
  --lineheight: 2.3;
  --font-family-headings: "visbycf-demibold";
  --font-family-lead: "visbycf-demibold";
  --font-family-body: "visbycf-regular";
  --font-family-fontawesome: "Font Awesome 6 Pro" !important;
}
.display-1 {
  font-size: var(--font-size-1);
}
.display-2 {
  font-size: var(--font-size-2);
}
.display-3 {
  font-size: var(--font-size-3);
}
.display-4 {
  font-size: var(--font-size-4);
}
.display-5 {
  font-size: var(--font-size-5);
}
.display-6 {
  font-size: var(--font-size-6);
}
h1,h2,h3,h4,h5,h6, [class^="display-"] {
  font-family: var( --font-family-headings);
  font-weight: 600;
  font-style: normal;
}
/* SEO */
.seo h1, .seo h2, .seo h3, .seo h4, .seo h5, .seo h6 {
  font-size: var(--font-size-2);
	line-height: var(--headings-lineheight);
}
body {
	font-family: var(--font-family-body), sans-serif;
  font-weight: 400;
  font-style: normal;
}
.fw-bold {
	font-weight: 700 !important; 
}
.text-white {
	color: var(--color-white); 
}
p {
  line-height: 1.7;
}
/* Font Awesome icon's */
[class*="fa-"] {
  font-family: var(--font-family-fontawesome) !important;
}