@font-face {
    font-family: 'FONTSPRING DEMO - Roc Grotesk';
    src: url('FONTSPRINGDEMO-RocGroteskBold.eot');
    src: url('FONTSPRINGDEMO-RocGroteskBold.eot?#iefix') format('embedded-opentype'),
        url('FONTSPRINGDEMO-RocGroteskBold.woff2') format('woff2'),
        url('FONTSPRINGDEMO-RocGroteskBold.woff') format('woff'),
        url('FONTSPRINGDEMO-RocGroteskBold.ttf') format('truetype'),
        url('FONTSPRINGDEMO-RocGroteskBold.svg#FONTSPRINGDEMO-RocGroteskBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FONTSPRING DEMO - Roc Grotesk';
    src: url('FONTSPRINGDEMO-RocGroteskMediumRegular.eot');
    src: url('FONTSPRINGDEMO-RocGroteskMediumRegular.eot?#iefix') format('embedded-opentype'),
        url('FONTSPRINGDEMO-RocGroteskMediumRegular.woff2') format('woff2'),
        url('FONTSPRINGDEMO-RocGroteskMediumRegular.woff') format('woff'),
        url('FONTSPRINGDEMO-RocGroteskMediumRegular.ttf') format('truetype'),
        url('FONTSPRINGDEMO-RocGroteskMediumRegular.svg#FONTSPRINGDEMO-RocGroteskMediumRegular') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FONTSPRING DEMO - Roc Grotesk Wide';
    src: url('FONTSPRINGDEMO-RocGroteskWideRegular.eot');
    src: url('FONTSPRINGDEMO-RocGroteskWideRegular.eot?#iefix') format('embedded-opentype'),
        url('FONTSPRINGDEMO-RocGroteskWideRegular.woff2') format('woff2'),
        url('FONTSPRINGDEMO-RocGroteskWideRegular.woff') format('woff'),
        url('FONTSPRINGDEMO-RocGroteskWideRegular.ttf') format('truetype'),
        url('FONTSPRINGDEMO-RocGroteskWideRegular.svg#FONTSPRINGDEMO-RocGroteskWideRegular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FONTSPRING DEMO - Roc Grotesk';
    src: url('FONTSPRINGDEMO-RocGroteskExtraBoldRegular.eot');
    src: url('FONTSPRINGDEMO-RocGroteskExtraBoldRegular.eot?#iefix') format('embedded-opentype'),
        url('FONTSPRINGDEMO-RocGroteskExtraBoldRegular.woff2') format('woff2'),
        url('FONTSPRINGDEMO-RocGroteskExtraBoldRegular.woff') format('woff'),
        url('FONTSPRINGDEMO-RocGroteskExtraBoldRegular.ttf') format('truetype'),
        url('FONTSPRINGDEMO-RocGroteskExtraBoldRegular.svg#FONTSPRINGDEMO-RocGroteskExtraBoldRegular') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}