@font-face {
    font-family: "Graphik";
    src: url("./fonts/Graphik-Bold.eot"); 
    src: url("./fonts/Graphik-Bold.eot?#iefix") format("embedded-opentype"),
      url("./fonts/Graphik-Bold.otf") format("opentype"),
      url("./fonts/Graphik-Bold.svg") format("svg"), 
      url("./fonts/Graphik-Bold.ttf") format("truetype"), 
      url("./fonts/Graphik-Bold.woff") format("woff"), 
      url("./fonts/Graphik-Bold.woff2") format("woff2"); 
    font-weight: bold;
    font-style: normal;
  }
  @font-face {
    font-family: "Graphik";
    src: url("./fonts/Graphik-Semibold.eot"); 
    src: url("./fonts/Graphik-Semibold.eot?#iefix") format("embedded-opentype"),
      url("./fonts/Graphik-Semibold.otf") format("opentype"),
      url("./fonts/Graphik-Semibold.svg") format("svg"), 
      url("./fonts/Graphik-Semibold.ttf") format("truetype"), 
      url("./fonts/Graphik-Semibold.woff") format("woff"), 
      url("./fonts/Graphik-Semibold.woff2") format("woff2"); 
    font-weight: 600;
    font-style: normal;
  }
  @font-face {
    font-family: "Graphik";
    src: url("./fonts/Graphik-Light.eot"); 
    src: url("./fonts/Graphik-Light.eot?#iefix") format("embedded-opentype"),
      url("./fonts/Graphik-Light.otf") format("opentype"),
      url("./fonts/Graphik-Light.svg") format("svg"), 
      url("./fonts/Graphik-Light.ttf") format("truetype"), 
      url("./fonts/Graphik-Light.woff") format("woff"), 
      url("./fonts/Graphik-Light.woff2") format("woff2"); 
    font-weight: 300;
    font-style: normal;
  }