@font-face {

  font-family: "Sofia Pro Black";

  src: url("./fonts/Sofia/SofiaPro_Black.woff2") format("woff2");

  font-display: swap;

  font-style: normal;

  font-weight: 900;

  font-stretch: normal

}



@font-face {

  font-family: "Sofia Pro Bold";

  src: url("./fonts/Sofia/SofiaPro_Bold.woff2") format("woff2");

  font-display: swap;

  font-style: normal;

  font-weight: 700;

  font-stretch: normal

}



@font-face {

  font-family: "Sofia Pro Light";

  src: url("./fonts/Sofia/SofiaPro_Light.woff2") format("woff2");

  font-display: swap;

  font-style: normal;

  font-weight: 300;

  font-stretch: normal

}



@font-face {

  font-family: "Sofia Pro Medium";

  src: url("./fonts/Sofia/SofiaPro_Medium.woff2") format("woff2");

  font-display: swap;

  font-style: normal;

  font-weight: 500

}



@font-face {

  font-family: "Sofia Pro";

  src: url("./fonts/Sofia/SofiaPro.woff2") format("woff2");

  font-display: swap;

  font-style: normal;

  font-weight: 400;

  font-stretch: normal

}



@font-face {

  font-family: "Sofia Pro Semi Bold";

  src: url("./fonts/Sofia/SofiaPro_SemiBold.woff2") format("woff2");

  font-display: swap;

  font-style: normal;

  font-weight: 600

}