@font-face {
  font-family: 'Distinct';
  src: url('/fonts/distinct.woff2') format('woff2'),
  url('/fonts/distinct.woff') format('woff');
  font-weight: lighter;
  font-style: normal;
}

@font-face {
  font-family: 'Sofia Pro';
  src: url('/fonts/sofiapro-regular.woff2') format('woff2'),
  url('/fonts/sofiapro-regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Sofia Pro';
  src: url('/fonts/sofiapro-regularitalic.woff2') format('woff2'),
  url('/fonts/sofiapro-regularitalic.woff') format('woff');
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Sofia Pro';
  src: url('/fonts/sofiapro-light.woff2') format('woff2'),
  url('/fonts/sofiapro-light.woff') format('woff');
  font-weight: lighter;
  font-style: normal;
}

@font-face {
  font-family: 'Sofia Pro';
  src: url('/fonts/sofiapro-lightitalic.woff2') format('woff2'),
  url('/fonts/sofiapro-lightitalic.woff') format('woff');
  font-weight: lighter;
  font-style: italic;
}

@font-face {
  font-family: 'Sofia Pro';
  src: url('/fonts/sofiapro-bold.woff2') format('woff2'),
  url('/fonts/sofiapro-bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}