@font-face {
  font-family: "OpenSans-SemiBold";

  src: url("./fonts/OpenSans-SemiBold.ttf") format("truetype"),
  url("./fonts/OpenSans-SemiBold.otf") format("opentype"), /* Open Type Font */
    url("./fonts/OpenSans-SemiBold.woff") format("woff"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: "OpenSans-ExtraBold";

  src: url("./fonts/OpenSans-ExtraBold.ttf") format("truetype"),
  url("./fonts/OpenSans-ExtraBold.otf") format("opentype"), /* Open Type Font */
    url("./fonts/OpenSans-ExtraBold.woff") format("woff"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}



@font-face {
  font-family: "OpenSans-Light";

  src: url("./fonts/OpenSans-Light.ttf") format("truetype"),
  url("./fonts/OpenSans-Light.otf") format("opentype"), /* Open Type Font */
    url("./fonts/OpenSans-Light.woff") format("woff"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: "OpenSans";

  src: url("./fonts/OpenSans-Regular.ttf") format("truetype"),
  url("./fonts/OpenSans-Regular.otf") format("opentype"), /* Open Type Font */
    url("./fonts/OpenSans-Regular.woff") format("woff"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}