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

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

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

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

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

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

@font-face {
    font-family: 'Nela Slab';
    src: url('NelaSlab-ExtralightItalic.eot');
    src: local('Nela Slab Extralight Italic'), local('NelaSlab-ExtralightItalic'),
        url('NelaSlab-ExtralightItalic.eot?#iefix') format('embedded-opentype'),
        url('NelaSlab-ExtralightItalic.woff2') format('woff2'),
        url('NelaSlab-ExtralightItalic.woff') format('woff'),
        url('NelaSlab-ExtralightItalic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

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

@font-face {
    font-family: 'Nela Slab';
    src: url('NelaSlab-ThinItalic.eot');
    src: local('Nela Slab Thin Italic'), local('NelaSlab-ThinItalic'),
        url('NelaSlab-ThinItalic.eot?#iefix') format('embedded-opentype'),
        url('NelaSlab-ThinItalic.woff2') format('woff2'),
        url('NelaSlab-ThinItalic.woff') format('woff'),
        url('NelaSlab-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

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

@font-face {
    font-family: 'Nela Slab';
    src: url('NelaSlab-RegularItalic.eot');
    src: local('Nela Slab Regular Italic'), local('NelaSlab-RegularItalic'),
        url('NelaSlab-RegularItalic.eot?#iefix') format('embedded-opentype'),
        url('NelaSlab-RegularItalic.woff2') format('woff2'),
        url('NelaSlab-RegularItalic.woff') format('woff'),
        url('NelaSlab-RegularItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

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

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

@font-face {
    font-family: 'Nela Slab';
    src: url('NelaSlab-SemiboldItalic.eot');
    src: local('Nela Slab Semibold Italic'), local('NelaSlab-SemiboldItalic'),
        url('NelaSlab-SemiboldItalic.eot?#iefix') format('embedded-opentype'),
        url('NelaSlab-SemiboldItalic.woff2') format('woff2'),
        url('NelaSlab-SemiboldItalic.woff') format('woff'),
        url('NelaSlab-SemiboldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

