@font-face {
    font-family: Griff;
    font-weight: bolder;
    src: url("../fonts/Griff-Bold.otf") format("opentype");
}

@font-face {
    font-family: Griff;
    font-weight: bold;
    src: url("../fonts/Griff-SemiBold.otf") format("opentype");
}

@font-face {
    font-family: Griff;
    font-weight: lighter;
    src: url("../fonts/Griff-Light.otf") format("opentype");
}

@font-face {
    font-family: Griff;
    font-weight: 500;
    src: url("../fonts/Griff-Medium.otf") format("opentype");
}

@font-face {
    font-family: Griff;
    font-weight: 400;
    src: url("../fonts/Griff-Regular.otf") format("opentype");
}

@font-face {
    font-family: Griff;
    font-weight: bolder;
    font-style: italic;
    src: url("../fonts/Griff-BoldItalic.otf") format("opentype");
}

@font-face {
    font-family: Griff;
    font-weight: bold;
    font-style: italic;
    src: url("../fonts/Griff-SemiBoldItalic.otf") format("opentype");
}

@font-face {
    font-family: Griff;
    font-weight: lighter;
    font-style: italic;
    src: url("../fonts/Griff-LightItalic.otf") format("opentype");
}

@font-face {
    font-family: Griff;
    font-weight: 500;
    font-style: italic;
    src: url("../fonts/Griff-MediumItalic.otf") format("opentype");
}

@font-face {
    font-family: Griff;
    font-weight: 400;
    font-style: italic;
    src: url("../fonts/Griff-RegularItalic.otf") format("opentype");
}