@font-face {
    font-family: 'HDColton';
    src: url('HDColton-Bold.woff2') format('woff2'),
        url('HDColton-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HDColton';
    src: url('HDColton-BoldItalic.woff2') format('woff2'),
        url('HDColton-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'HDColton';
    src: url('HDColton-Extrabold.woff2') format('woff2'),
        url('HDColton-Extrabold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HDColton';
    src: url('HDColton-ExtraboldItalic.woff2') format('woff2'),
        url('HDColton-ExtraboldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'HDColton';
    src: url('HDColton-Light.woff2') format('woff2'),
        url('HDColton-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HDColton';
    src: url('HDColton-LightItalic.woff2') format('woff2'),
        url('HDColton-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'HDColton';
    src: url('HDColton-Medium.woff2') format('woff2'),
        url('HDColton-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HDColton';
    src: url('HDColton-MediumItalic.woff2') format('woff2'),
        url('HDColton-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'HDColton';
    src: url('HDColton-Regular.woff2') format('woff2'),
        url('HDColton-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HDColton-RegularItalic';
    src: url('HDColton-RegularItalic.woff2') format('woff2'),
        url('HDColton-RegularItalic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'HDColton';
    src: url('HDColton-Semibold.woff2') format('woff2'),
        url('HDColton-Semibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HDColton';
    src: url('HDColton-SemiboldItalic.woff2') format('woff2'),
        url('HDColton-SemiboldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'HDColton';
    src: url('HDColton-Thin.woff2') format('woff2'),
        url('HDColton-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HDColton-XWideBold';
    src: url('HDColton-XWideBold.woff2') format('woff2'),
        url('HDColton-XWideBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HDColton';
    src: url('HDColton-ThinItalic.woff2') format('woff2'),
        url('HDColton-ThinItalic.woff') format('woff');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'HDColton-XWideBoldItalic';
    src: url('HDColton-XWideBoldItalic.woff2') format('woff2'),
        url('HDColton-XWideBoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'HDColton-XWideLightItalic';
    src: url('HDColton-XWideLightItalic.woff2') format('woff2'),
        url('HDColton-XWideLightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'HDColton-XWideLight';
    src: url('HDColton-XWideLight.woff2') format('woff2'),
        url('HDColton-XWideLight.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HDColton-XWideMedium';
    src: url('HDColton-XWideMedium.woff2') format('woff2'),
        url('HDColton-XWideMedium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HDColton-XWideMediumItalic';
    src: url('HDColton-XWideMediumItalic.woff2') format('woff2'),
        url('HDColton-XWideMediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'HDColton-XWideRegular';
    src: url('HDColton-XWideRegular.woff2') format('woff2'),
        url('HDColton-XWideRegular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HDColton-XWideSemibold';
    src: url('HDColton-XWideSemibold.woff2') format('woff2'),
        url('HDColton-XWideSemibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HDColton-XWideRegularItalic';
    src: url('HDColton-XWideRegularItalic.woff2') format('woff2'),
        url('HDColton-XWideRegularItalic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'HDColton-XWideSemiboldItalic';
    src: url('HDColton-XWideSemiboldItalic.woff2') format('woff2'),
        url('HDColton-XWideSemiboldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'HDColton-XWideThinItalic';
    src: url('HDColton-XWideThinItalic.woff2') format('woff2'),
        url('HDColton-XWideThinItalic.woff') format('woff');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'HDColton-XWideThin';
    src: url('HDColton-XWideThin.woff2') format('woff2'),
        url('HDColton-XWideThin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}