@font-face {
    font-family: 'Graphik Web';
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    src: local('Graphik Web Light'),
        url(../fonts/Graphik-Light-Web.woff2) format('woff2'),
        url(../fonts/Graphik-Light-Web.woff) format('woff'),
        url(../fonts/Graphik-Light-Web.eot) format('embedded-opentype');
}

@font-face {
    font-family: 'Graphik Web';
    font-weight: 300;
    font-style: italic;
    font-stretch: normal;
    src: local('Graphik Web LightItalic'),
        url(../fonts/Graphik-LightItalic-Web.woff2) format('woff2'),
        url(../fonts/Graphik-LightItalic-Web.woff) format('woff'),
        url(../fonts/Graphik-LightItalic-Web.eot) format('embedded-opentype');
}

@font-face {
    font-family: 'Graphik Web';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    src: local('Graphik Web Medium'),
        url(../fonts/Graphik-Medium-Web.woff2) format('woff2'),
        url(../fonts/Graphik-Medium-Web.woff) format('woff'),
        url(../fonts/Graphik-Medium-Web.eot) format('embedded-opentype');
}

@font-face {
    font-family: 'Graphik Web';
    font-weight: 500;
    font-style: italic;
    font-stretch: normal;
    src: local('Graphik Web MediumItalic'),
        url(../fonts/Graphik-MediumItalic-Web.woff2) format('woff2'),
        url(../fonts/Graphik-MediumItalic-Web.woff) format('woff'),
        url(../fonts/Graphik-MediumItalic-Web.eot) format('embedded-opentype');
}

@font-face {
    font-family: 'Graphik Web';
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    src: local('Graphik Web Semibold'),
        url(../fonts/Graphik-Semibold-Web.woff2) format('woff2'),
        url(../fonts/Graphik-Semibold-Web.woff) format('woff'),
        url(../fonts/Graphik-Semibold-Web.eot) format('embedded-opentype');
}

@font-face {
    font-family: 'Graphik Web';
    font-weight: 600;
    font-style: italic;
    font-stretch: normal;
    src: local('Graphik Web SemiboldItalic'),
        url(../fonts/Graphik-SemiboldItalic-Web.woff2) format('woff2'),
        url(../fonts/Graphik-SemiboldItalic-Web.woff) format('woff'),
        url(../fonts/Graphik-SemiboldItalic-Web.eot) format('embedded-opentype');
}

@font-face {
    font-family: 'Graphik Web';
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    src: local('Graphik Web Bold'),
        url(../fonts/Graphik-Bold-Web.woff2) format('woff2'),
        url(../fonts/Graphik-Bold-Web.woff) format('woff'),
        url(../fonts/Graphik-Bold-Web.eot) format('embedded-opentype');
}

@font-face {
    font-family: 'Graphik Web';
    font-weight: 700;
    font-style: italic;
    font-stretch: normal;
    src: local('Graphik Web BoldItalic'),
        url(../fonts/Graphik-BoldItalic-Web.woff2) format('woff2'),
        url(../fonts/Graphik-BoldItalic-Web.woff) format('woff'),
        url(../fonts/Graphik-BoldItalic-Web.eot) format('embedded-opentype');
}