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

@font-face {
    font-family: 'Grota Sans';
    src: url('GrotaSansBlack-Italic.eot');
    src: local('Grota Sans Black Italic'), local('GrotaSansBlack-Italic'),
        url('GrotaSansBlack-Italic.eot?#iefix') format('embedded-opentype'),
        url('GrotaSansBlack-Italic.woff2') format('woff2'),
        url('GrotaSansBlack-Italic.woff') format('woff'),
        url('GrotaSansBlack-Italic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

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

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

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

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

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

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

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

@font-face {
    font-family: 'Grota Sans Book';
    src: url('GrotaSansBook-Italic.eot');
    src: local('Grota Sans Book Italic'), local('GrotaSansBook-Italic'),
        url('GrotaSansBook-Italic.eot?#iefix') format('embedded-opentype'),
        url('GrotaSansBook-Italic.woff2') format('woff2'),
        url('GrotaSansBook-Italic.woff') format('woff'),
        url('GrotaSansBook-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

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

@font-face {
    font-family: 'Grota Sans';
    src: url('GrotaSansHeavy-Italic.eot');
    src: local('Grota Sans Heavy Italic'), local('GrotaSansHeavy-Italic'),
        url('GrotaSansHeavy-Italic.eot?#iefix') format('embedded-opentype'),
        url('GrotaSansHeavy-Italic.woff2') format('woff2'),
        url('GrotaSansHeavy-Italic.woff') format('woff'),
        url('GrotaSansHeavy-Italic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

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

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

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

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

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

@font-face {
    font-family: 'Grota Sans';
    src: url('GrotaSansSemiBold-Italic.eot');
    src: local('Grota Sans SemiBold Italic'), local('GrotaSansSemiBold-Italic'),
        url('GrotaSansSemiBold-Italic.eot?#iefix') format('embedded-opentype'),
        url('GrotaSansSemiBold-Italic.woff2') format('woff2'),
        url('GrotaSansSemiBold-Italic.woff') format('woff'),
        url('GrotaSansSemiBold-Italic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

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

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

