@font-face {
    font-family: 'Granic Slab';
    src: url('GranicSlab-Light.eot');
    src: local('Granic Slab Light'), local('GranicSlab-Light'),
        url('GranicSlab-Light.eot?#iefix') format('embedded-opentype'),
        url('GranicSlab-Light.woff2') format('woff2'),
        url('GranicSlab-Light.woff') format('woff'),
        url('GranicSlab-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Granic Sans';
    src: url('GranicSans-Light.eot');
    src: local('Granic Sans Light'), local('GranicSans-Light'),
        url('GranicSans-Light.eot?#iefix') format('embedded-opentype'),
        url('GranicSans-Light.woff2') format('woff2'),
        url('GranicSans-Light.woff') format('woff'),
        url('GranicSans-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Granic Slab';
    src: url('GranicSlab-LightItalic.eot');
    src: local('Granic Slab Light Italic'), local('GranicSlab-LightItalic'),
        url('GranicSlab-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('GranicSlab-LightItalic.woff2') format('woff2'),
        url('GranicSlab-LightItalic.woff') format('woff'),
        url('GranicSlab-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Granic Slab Med';
    src: url('GranicSlab-Medium.eot');
    src: local('Granic Slab Medium'), local('GranicSlab-Medium'),
        url('GranicSlab-Medium.eot?#iefix') format('embedded-opentype'),
        url('GranicSlab-Medium.woff2') format('woff2'),
        url('GranicSlab-Medium.woff') format('woff'),
        url('GranicSlab-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Granic Sans';
    src: url('GranicSans-BoldItalic.eot');
    src: local('Granic Sans Bold Italic'), local('GranicSans-BoldItalic'),
        url('GranicSans-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('GranicSans-BoldItalic.woff2') format('woff2'),
        url('GranicSans-BoldItalic.woff') format('woff'),
        url('GranicSans-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Granic Slab Med';
    src: url('GranicSlab-MediumItalic.eot');
    src: local('Granic Slab Medium Italic'), local('GranicSlab-MediumItalic'),
        url('GranicSlab-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('GranicSlab-MediumItalic.woff2') format('woff2'),
        url('GranicSlab-MediumItalic.woff') format('woff'),
        url('GranicSlab-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Granic Sans';
    src: url('GranicSans-LightItalic.eot');
    src: local('Granic Sans Light Italic'), local('GranicSans-LightItalic'),
        url('GranicSans-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('GranicSans-LightItalic.woff2') format('woff2'),
        url('GranicSans-LightItalic.woff') format('woff'),
        url('GranicSans-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Granic Slab';
    src: url('GranicSlab-Bold.eot');
    src: local('Granic Slab Bold'), local('GranicSlab-Bold'),
        url('GranicSlab-Bold.eot?#iefix') format('embedded-opentype'),
        url('GranicSlab-Bold.woff2') format('woff2'),
        url('GranicSlab-Bold.woff') format('woff'),
        url('GranicSlab-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Granic Sans Med';
    src: url('GranicSans-MediumItalic.eot');
    src: local('Granic Sans Medium Italic'), local('GranicSans-MediumItalic'),
        url('GranicSans-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('GranicSans-MediumItalic.woff2') format('woff2'),
        url('GranicSans-MediumItalic.woff') format('woff'),
        url('GranicSans-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Granic Sans';
    src: url('GranicSans-Bold.eot');
    src: local('Granic Sans Bold'), local('GranicSans-Bold'),
        url('GranicSans-Bold.eot?#iefix') format('embedded-opentype'),
        url('GranicSans-Bold.woff2') format('woff2'),
        url('GranicSans-Bold.woff') format('woff'),
        url('GranicSans-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Granic Sans Med';
    src: url('GranicSans-Medium.eot');
    src: local('Granic Sans Medium'), local('GranicSans-Medium'),
        url('GranicSans-Medium.eot?#iefix') format('embedded-opentype'),
        url('GranicSans-Medium.woff2') format('woff2'),
        url('GranicSans-Medium.woff') format('woff'),
        url('GranicSans-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Granic Slab';
    src: url('GranicSlab-BoldItalic.eot');
    src: local('Granic Slab Bold Italic'), local('GranicSlab-BoldItalic'),
        url('GranicSlab-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('GranicSlab-BoldItalic.woff2') format('woff2'),
        url('GranicSlab-BoldItalic.woff') format('woff'),
        url('GranicSlab-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

