@font-face {
    font-family: 'Hatter Display Pro Dingbat Dirt';
    src: url('HatterDisplayPro-DingbatDirt.eot');
    src: local('Hatter Display Pro Dingbat Dirt'), local('HatterDisplayPro-DingbatDirt'),
        url('HatterDisplayPro-DingbatDirt.eot?#iefix') format('embedded-opentype'),
        url('HatterDisplayPro-DingbatDirt.woff2') format('woff2'),
        url('HatterDisplayPro-DingbatDirt.woff') format('woff'),
        url('HatterDisplayPro-DingbatDirt.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Hatter Display Pro Dingbats';
    src: url('HatterDisplayPro-Dingbats.eot');
    src: local('Hatter Display Pro Dingbats'), local('HatterDisplayPro-Dingbats'),
        url('HatterDisplayPro-Dingbats.eot?#iefix') format('embedded-opentype'),
        url('HatterDisplayPro-Dingbats.woff2') format('woff2'),
        url('HatterDisplayPro-Dingbats.woff') format('woff'),
        url('HatterDisplayPro-Dingbats.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Hatter Display Pro Dirt Two';
    src: url('HatterDisplayPro-DirtTwo.eot');
    src: local('Hatter Display Pro Dirt Two'), local('HatterDisplayPro-DirtTwo'),
        url('HatterDisplayPro-DirtTwo.eot?#iefix') format('embedded-opentype'),
        url('HatterDisplayPro-DirtTwo.woff2') format('woff2'),
        url('HatterDisplayPro-DirtTwo.woff') format('woff'),
        url('HatterDisplayPro-DirtTwo.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Hatter Display Pro Shadow';
    src: url('HatterDisplayPro-Shadow.eot');
    src: local('Hatter Display Pro Shadow'), local('HatterDisplayPro-Shadow'),
        url('HatterDisplayPro-Shadow.eot?#iefix') format('embedded-opentype'),
        url('HatterDisplayPro-Shadow.woff2') format('woff2'),
        url('HatterDisplayPro-Shadow.woff') format('woff'),
        url('HatterDisplayPro-Shadow.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Hatter Display Pro Banner Dirt';
    src: url('HatterDisplayPro-BannerDirt.eot');
    src: local('Hatter Display Pro Banner Dirt'), local('HatterDisplayPro-BannerDirt'),
        url('HatterDisplayPro-BannerDirt.eot?#iefix') format('embedded-opentype'),
        url('HatterDisplayPro-BannerDirt.woff2') format('woff2'),
        url('HatterDisplayPro-BannerDirt.woff') format('woff'),
        url('HatterDisplayPro-BannerDirt.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Hatter Display Pro Banner';
    src: url('HatterDisplayPro-Banner.eot');
    src: local('Hatter Display Pro Banner'), local('HatterDisplayPro-Banner'),
        url('HatterDisplayPro-Banner.eot?#iefix') format('embedded-opentype'),
        url('HatterDisplayPro-Banner.woff2') format('woff2'),
        url('HatterDisplayPro-Banner.woff') format('woff'),
        url('HatterDisplayPro-Banner.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Hatter Display Pro Ornament';
    src: url('HatterDisplayPro-Ornament.eot');
    src: local('Hatter Display Pro Ornament'), local('HatterDisplayPro-Ornament'),
        url('HatterDisplayPro-Ornament.eot?#iefix') format('embedded-opentype'),
        url('HatterDisplayPro-Ornament.woff2') format('woff2'),
        url('HatterDisplayPro-Ornament.woff') format('woff'),
        url('HatterDisplayPro-Ornament.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Hatter Display Pro';
    src: url('HatterDisplayPro-Regular.eot');
    src: local('Hatter Display Pro Regular'), local('HatterDisplayPro-Regular'),
        url('HatterDisplayPro-Regular.eot?#iefix') format('embedded-opentype'),
        url('HatterDisplayPro-Regular.woff2') format('woff2'),
        url('HatterDisplayPro-Regular.woff') format('woff'),
        url('HatterDisplayPro-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Hatter Display Pro Dirt';
    src: url('HatterDisplayPro-Dirt.eot');
    src: local('Hatter Display Pro Dirt'), local('HatterDisplayPro-Dirt'),
        url('HatterDisplayPro-Dirt.eot?#iefix') format('embedded-opentype'),
        url('HatterDisplayPro-Dirt.woff2') format('woff2'),
        url('HatterDisplayPro-Dirt.woff') format('woff'),
        url('HatterDisplayPro-Dirt.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

