/* Hack */
@font-face {
    font-family: Hack;
    src:
        url("../fonts/hack-regular-webfont.woff2") format("woff2"),
        url("../fonts/hack-regular-webfont.woff") format("woff");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: Hack;
    src:
        url("../fonts/hack-bold-webfont.woff2") format("woff2"),
        url("../fonts/hack-bold-webfont.woff") format("woff");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: Hack;
    src:
        url("../fonts/hack-italic-webfont.woff2") format("woff2"),
        url("../fonts/hack-italic-webfont.woff") format("woff");
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: Hack;
    src:
        url("../fonts/hack-bolditalic-webfont.woff2") format("woff2"),
        url("../fonts/hack-bolditalic-webfont.woff") format("woff");
    font-weight: bold;
    font-style: italic;
}

/* Open Sans */
@font-face {
    font-family: "Open Sans";
    src:
        url("../fonts/OpenSans-Regular.woff2") format("woff2"),
        url("../fonts/OpenSans-Regular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Open Sans";
    src:
        url("../fonts/OpenSans-Italic.woff2") format("woff2"),
        url("../fonts/OpenSans-Italic.woff") format("woff");
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: "Open Sans";
    src:
        url("../fonts/OpenSans-Semibold.woff2") format("woff2"),
        url("../fonts/OpenSans-Semibold.woff") format("woff");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: "Open Sans";
    src:
        url("../fonts/OpenSans-SemiboldItalic.woff2") format("woff2"),
        url("../fonts/OpenSans-SemiboldItalic.woff") format("woff");
    font-weight: bold;
    font-style: italic;
}