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


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

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

@font-face {
  font-family: "Sofia Pro";
  src: url('SofiaProMedium/font.woff2') format('woff2'), url('SofiaProMedium/font.woff') format('woff');
  font-weight: 500;
  font-style: normal;

}

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