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

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

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

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

/* AVENIR */

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

@font-face {
    font-family: 'AvenirRoman';
    src: url('../font/AvenirLTStd-Roman.woff2') format('woff2'),
        url('../font/AvenirLTStd-Roman.woff') format('woff');
    font-style: normal;
    font-display: swap;
}

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

@font-face {
    font-family: 'AvenirHeavy';
    src: url('../font/AvenirLTStd-Heavy.woff2') format('woff2'),
        url('../font/AvenirLTStd-Heavy.woff') format('woff');
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'AvenirBlack';
    src: url('../font/AvenirLTStd-Black.woff2') format('woff2'),
        url('../font/AvenirLTStd-Black.woff') format('woff');
    font-style: normal;
    font-display: swap;
}