@import url("https://fonts.googleapis.com/css2?family=Mulish:wght@400;500;600;700;800;900&family=Red+Hat+Display:wght@400;500;600;700;800&family=Spartan:wght@400;500;600;700;800&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;600;700;900&family=Spartan:wght@700&display=swap');

@font-face {
  font-family: 'Montserrat';
  font-weight: 400;
  src: url("../fonts/Montserrat-Regular.woff") format("opentype");
  font-display: swap;
}

@font-face {
  font-family: 'MontserratMedium';
  font-weight: 500;
  src: url("../fonts/Montserrat-Medium.ttf") format("opentype");
  font-display: swap;
}

@font-face {
  font-family: 'MontserratBold';
  font-weight: 700;
  src: url("../fonts/Montserrat-Bold.woff") format("opentype");
  font-display: swap;
}

@font-face {
  font-family: 'RubikBold';
  src: url("../fonts/Rubik-Bold.ttf") format("opentype");
  font-display: swap;
}

@font-face {
  font-family: 'RubikRegular';
  src: url("../fonts/Rubik-Regular.ttf") format("opentype");
  font-display: swap;
}

@font-face {
  font-family: 'Source Sans Pro';
  src: url("../fonts/SourceSansPro-Regular.ttf") format("opentype");
  font-display: swap;
}

@font-face {
  font-family: 'GothamLight';
  src: url("../fonts/GothamLight.ttf") format("opentype");
  font-display: swap;
}

@font-face {
  font-family: 'GothamMedium';
  src: url("../fonts/GothamMedium.ttf") format("opentype");
  font-display: swap;
}

@font-face {
  font-family: 'GothamBold';
  src: url("../fonts/GothamBold.ttf") format("opentype");
  font-display: swap;
}

@font-face {
  font-family: 'MuseoSansLight';
  src: url("../fonts/MuseoSans-300.otf") format("opentype");
  font-display: swap;
}

@font-face {
  font-family: 'MuseoSansRegular';
  src: url("../fonts/MuseoSans-500.otf") format("opentype");
  font-display: swap;
}

@font-face {
  font-family: 'MuseoSansSemiBold';
  src: url("../fonts/MuseoSans-700.otf") format("opentype");
  font-display: swap;
}

@font-face {
  font-family: 'MuseoSansBold';
  src: url("../fonts/MuseoSans-900.otf") format("opentype");
  font-display: swap;
}

.font-source-sans-pro {
  font-family: 'Source Sans Pro', sans-serif;
}

@font-face {
  font-family: 'museo_sans100';
  src: url('../fonts/museosans-100-webfont.woff2') format('woff2'),
    url('../fonts/museosans-100-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

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

@font-face {
  font-family: 'museo_sans500';
  src: url('../fonts/museosans-500-webfont.woff2') format('woff2'),
    url('../fonts/museosans-500-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'museo_sans700';
  src: url('../fonts/museosans-700-webfont.woff2') format('woff2'),
    url('../fonts/museosans-700-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Museo San Bold';
  src: url('../fonts/museosans-900-webfont.woff2') format('woff2'),
    url('../fonts/museosans-900-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Mulish";
  font-style: normal;
  src: url("../fonts/Mulish-ExtraLight.ttf") format("woff");
  /* IE9 Compat Modes */
  font-display: swap;
}

@font-face {
  font-family: MetropolisLight;
  src: url("../fonts/Metropolis-Light.otf") format("opentype");
  font-display: swap;
}

@font-face {
  font-family: MetropolisRegular;
  src: url("../fonts/Metropolis-Regular.otf") format("opentype");
  font-display: swap;
}

@font-face {
  font-family: MetropolisMedium;
  src: url("../fonts/Metropolis-Medium.otf") format("opentype");
  font-display: swap;
}

@font-face {
  font-family: MetropolisSemiBold;
  src: url("../fonts/Metropolis-SemiBold.otf") format("opentype");
  font-display: swap;
}

@font-face {
  font-family: MetropolisBold;
  src: url("../fonts/Metropolis-Bold.otf") format("opentype");
  font-display: swap;
}

@font-face {
  font-family: MetropolisExtraBold;
  src: url("../fonts/Metropolis-ExtraBold.otf") format("opentype");
  font-display: swap;
}

@font-face {
  font-family: MetropolisBlack;
  src: url("../fonts/Metropolis-Black.otf") format("opentype");
  font-display: swap;
}

@font-face {
  font-family: 'Margem-light';
  src: url("../fonts/Margem-Light-web.ttf") format("opentype");
  font-display: swap;
}

@font-face {
  font-family: 'Margem-regular';
  src: url("../fonts/Margem-Regular-web.ttf") format("opentype");
  font-display: swap;
}

@font-face {
  font-family: 'Margem-medium';
  src: url("../fonts/Margem-Medium-web.ttf") format("opentype");
  font-display: swap;
}

@font-face {
  font-family: 'Margem-bold';
  src: url("../fonts/Margem-Bold-web.ttf") format("opentype");
  font-display: swap;
}

@font-face {
  font-family: 'Margem-black';
  src: url("../fonts/Margem-Black-web.ttf") format("opentype");
  font-display: swap;
}