@font-face {
    font-family: "Graphik";
    src: url("font/Graphik-Black.otf") format("opentype"),
      url("font/Graphik-Black.woff") format("woff"),
      url("font/Graphik-Black.ttf") format("truetype"),
      url("font/Graphik-Black.svg") format("svg");
    font-weight: 900;
  }
  
  @font-face {
    font-family: "Graphik";
    src: url("font/Graphik-BlackItalic.otf") format("opentype"),
      url("font/Graphik-BlackItalic.woff") format("woff"),
      url("font/Graphik-BlackItalic.ttf") format("truetype"),
      url("font/Graphik-BlackItalic.svg") format("svg");
      font-weight: 900;
      font-style: italic;
  }
  
  @font-face {
    font-family: "Graphik";
    src: url("font/Graphik-Bold.otf") format("opentype"),
      url("font/Graphik-Bold.woff") format("woff"),
      url("font/Graphik-Bold.ttf") format("truetype"),
      url("font/Graphik-Bold.svg") format("svg");
    font-weight: 700;
  }
  
  @font-face {
    font-family: "Graphik";
    src: url("font/Graphik-BoldItalic.otf") format("opentype"),
      url("font/Graphik-BoldItalic.woff") format("woff"),
      url("font/Graphik-BoldItalic.ttf") format("truetype"),
      url("font/Graphik-BoldItalic.svg") format("svg");
      font-weight: 700;
      font-style: italic;
  }
  
  @font-face {
    font-family: "Graphik";
    src: url("font/GraphikLight.otf") format("opentype"),
      url("font/GraphikLight.woff") format("woff"),
      url("font/GraphikLight.ttf") format("truetype"),
      url("font/GraphikLight.svg") format("svg");
      font-weight: 300;
  }
  @font-face {
    font-family: "Graphik";
    src: url("font/GraphikLightItalic.otf") format("opentype"),
      url("font/GraphikLightItalic.woff") format("woff"),
      url("font/GraphikLightItalic.ttf") format("truetype"),
      url("font/GraphikLightItalic.svg") format("svg");
      font-weight: 300;
      font-style: italic;
  }
  @font-face {
    font-family: "Graphik";
    src: url("font/GraphikMedium.otf") format("opentype"),
      url("font/GraphikMedium.woff") format("woff"),
      url("font/GraphikMedium.ttf") format("truetype"),
      url("font/GraphikMedium.svg") format("svg");
      font-weight: 500;
  }
  @font-face {
    font-family: "Graphik";
    src: url("font/Graphik-MediumItalic.otf") format("opentype"),
      url("font/Graphik-MediumItalic.woff") format("woff"),
      url("font/Graphik-MediumItalic.ttf") format("truetype"),
      url("font/Graphik-MediumItalic.svg") format("svg");
      font-weight: 500;
      font-style: italic;
  }
  @font-face {
    font-family: "Graphik";
    src: url("font/Graphik-Regular.otf") format("opentype"),
      url("font/Graphik-Regular.woff") format("woff"),
      url("font/Graphik-Regular.ttf") format("truetype"),
      url("font/Graphik-Regular.svg") format("svg");
      font-weight: 400;
  }
  @font-face {
    font-family: "Graphik";
    src: url("font/GraphikRegularItalic.otf") format("opentype"),
      url("font/GraphikRegularItalic.woff") format("woff"),
      url("font/GraphikRegularItalic.ttf") format("truetype"),
      url("font/GraphikRegularItalic.svg") format("svg");
      font-weight: 400;
      font-style: italic;
  }
  @font-face {
    font-family: "Graphik";
    src: url("font/GraphikSemibold.otf") format("opentype"),
      url("font/GraphikSemibold.woff") format("woff"),
      url("font/GraphikSemibold.ttf") format("truetype"),
      url("font/GraphikSemibold.svg") format("svg");
      font-weight: 600;      
  }
  @font-face {
    font-family: "Graphik";
    src: url("font/GraphikSemiboldItalic.otf") format("opentype"),
      url("font/GraphikSemiboldItalic.woff") format("woff"),
      url("font/GraphikSemiboldItalic.ttf") format("truetype"),
      url("font/GraphikSemiboldItalic.svg") format("svg");
      font-weight: 600;
      font-style: italic;
  }

  @font-face {
    font-family: "Graphik";
    src: url("font/GraphikThin.otf") format("opentype"),
      url("font/GraphikThin.woff") format("woff"),
      url("font/GraphikThin.ttf") format("truetype"),
      url("font/GraphikThin.svg") format("svg");
      font-weight: 200;
  }
  @font-face {
    font-family: "Graphik";
    src: url("font/GraphikThinItalic.otf") format("opentype"),
      url("font/GraphikThinItalic.woff") format("woff"),
      url("font/GraphikThinItalic.ttf") format("truetype"),
      url("font/GraphikThinItalic.svg") format("svg");
      font-weight: 200;
      font-style: italic;
  }
  @font-face {
    font-family: "SignPainter-HouseScript";
    src: url("font/SignPainter-HouseScript.otf") format("opentype"),
      url("font/SignPainter-HouseScript.woff") format("woff"),
      url("font/SignPainter-HouseScript.ttf") format("truetype"),
      url("font/SignPainter-HouseScript.svg") format("svg");
      font-weight: 600;
  }