@font-face {
    font-family: 'Haas Grot Disp';
    src: url('../fonts/HaasGrotDisp-55Roman.eot');
    src: url('../fonts/HaasGrotDisp-55Roman.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HaasGrotDisp-55Roman.woff2') format('woff2'),
        url('../fonts/HaasGrotDisp-55Roman.woff') format('woff'),
        url('../fonts/HaasGrotDisp-55Roman.ttf') format('truetype'),
        url('../fonts/HaasGrotDisp-55Roman.svg#HaasGrotDisp-55Roman') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Haas Grot Disp';
    src: url('../fonts/HaasGrotDisp-65Medium.eot');
    src: url('../fonts/HaasGrotDisp-65Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HaasGrotDisp-65Medium.woff2') format('woff2'),
        url('../fonts/HaasGrotDisp-65Medium.woff') format('woff'),
        url('../fonts/HaasGrotDisp-65Medium.ttf') format('truetype'),
        url('../fonts/HaasGrotDisp-65Medium.svg#HaasGrotDisp-65Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Haas Grot Disp';
    src: url('../fonts/HaasGrotDisp-45Light.eot');
    src: url('../fonts/HaasGrotDisp-45Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HaasGrotDisp-45Light.woff2') format('woff2'),
        url('../fonts/HaasGrotDisp-45Light.woff') format('woff'),
        url('../fonts/HaasGrotDisp-45Light.ttf') format('truetype'),
        url('../fonts/HaasGrotDisp-45Light.svg#HaasGrotDisp-45Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Haas Grot Disp';
    src: url('../fonts/HaasGrotDisp-75Bold.eot');
    src: url('../fonts/HaasGrotDisp-75Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HaasGrotDisp-75Bold.woff2') format('woff2'),
        url('../fonts/HaasGrotDisp-75Bold.woff') format('woff'),
        url('../fonts/HaasGrotDisp-75Bold.ttf') format('truetype'),
        url('../fonts/HaasGrotDisp-75Bold.svg#HaasGrotDisp-75Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}