@font-face {
  font-family: 'MetropolisExtraLight';
  src: url('/site/css/fonts/metropolis/MetropolisExtraLight.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'MetropolisRegular';
  src: url('/site/css/fonts/metropolis/MetropolisRegular.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'MetropolisMedium';
  src: url('/site/css/fonts/metropolis/MetropolisMedium.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'MetropolisSemiBold';
  src: url('/site/css/fonts/metropolis/MetropolisSemiBold.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'MetropolisBold';
  src: url('/site/css/fonts/metropolis/MetropolisBold.otf') format('opentype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'MetropolisExtraBold';
  src: url('/site/css/fonts/metropolis/MetropolisExtraBold.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}