    /* =========================
    GOTHAM STANDARD FAMILY
    ========================= */

    /* --- Thin --- */
    @font-face {
        font-family: "Gotham";
        src: url("../fonts/Gotham/GOTHAM-THIN.woff2") format("woff2");
        font-weight: 100;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: "Gotham";
        src: url("../fonts/Gotham/GOTHAM-THINITALIC.woff2") format("woff2");
        font-weight: 100;
        font-style: italic;
        font-display: swap;
    }

    /* --- Extra Light --- */
    @font-face {
        font-family: "Gotham";
        src: url("../fonts/Gotham/GOTHAM-XLIGHT.woff2") format("woff2");
        font-weight: 200;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: "Gotham";
        src: url("../fonts/Gotham/GOTHAM-XLIGHTITALIC.woff2") format("woff2");
        font-weight: 200;
        font-style: italic;
        font-display: swap;
    }

    /* --- Light --- */
    @font-face {
        font-family: "Gotham";
        src: url("../fonts/Gotham/GOTHAM-LIGHT.woff2") format("woff2");
        font-weight: 300;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: "Gotham";
        src: url("../fonts/Gotham/GOTHAM-LIGHTITALIC.woff2") format("woff2");
        font-weight: 300;
        font-style: italic;
        font-display: swap;
    }

    /* --- Book --- */
    @font-face {
        font-family: "Gotham";
        src: url("../fonts/Gotham/GOTHAM-BOOK.woff2") format("woff2");
        font-weight: 400;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: "Gotham";
        src: url("../fonts/Gotham/GOTHAM-BOOKITALIC.woff2") format("woff2");
        font-weight: 400;
        font-style: italic;
        font-display: swap;
    }

    /* --- Medium --- */
    @font-face {
        font-family: "Gotham";
        src: url("../fonts/Gotham/GOTHAM-MEDIUM.woff2") format("woff2");
        font-weight: 500;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: "Gotham";
        src: url("../fonts/Gotham/GOTHAM-MEDIUMITALIC.woff2") format("woff2");
        font-weight: 500;
        font-style: italic;
        font-display: swap;
    }

    /* --- Bold --- */
    @font-face {
        font-family: "Gotham";
        src: url("../fonts/Gotham/GOTHAM-BOLD.woff2") format("woff2");
        font-weight: 700;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: "Gotham";
        src: url("../fonts/Gotham/GOTHAM-BOLDITALIC.woff2") format("woff2");
        font-weight: 700;
        font-style: italic;
        font-display: swap;
    }

    /* --- Black --- */
    @font-face {
        font-family: "Gotham";
        src: url("../fonts/Gotham/GOTHAM-BLACK.woff2") format("woff2");
        font-weight: 900;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: "Gotham";
        src: url("../fonts/Gotham/GOTHAM-BLACKITALIC.woff2") format("woff2");
        font-weight: 900;
        font-style: italic;
        font-display: swap;
    }

    /* --- Ultra --- */
    @font-face {
        font-family: "Gotham";
        src: url("../fonts/Gotham/GOTHAM-ULTRA.woff2") format("woff2");
        font-weight: 950;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: "Gotham";
        src: url("../fonts/Gotham/GOTHAM-ULTRAITALIC.woff2") format("woff2");
        font-weight: 950;
        font-style: italic;
        font-display: swap;
    }

    /* =========================
           GOTHAM X NARROW FAMILY
           ========================= */

    /* --- Thin --- */
    @font-face {
        font-family: "Gotham X Narrow";
        src: url("../fonts/Gotham/GOTHAMXNARROW-THIN.woff2") format("woff2");
        font-weight: 100;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: "Gotham X Narrow";
        src: url("../fonts/Gotham/GOTHAMXNARROW-THINITALIC.woff2") format("woff2");
        font-weight: 100;
        font-style: italic;
        font-display: swap;
    }

    /* --- Extra Light --- */
    @font-face {
        font-family: "Gotham X Narrow";
        src: url("../fonts/Gotham/GOTHAMXNARROW-XLIGHT.woff2") format("woff2");
        font-weight: 200;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: "Gotham X Narrow";
        src: url("../fonts/Gotham/GOTHAMXNARROW-XLIGHTITALIC.woff2") format("woff2");
        font-weight: 200;
        font-style: italic;
        font-display: swap;
    }

    /* --- Light --- */
    @font-face {
        font-family: "Gotham X Narrow";
        src: url("../fonts/Gotham/GOTHAMXNARROW-LIGHT.woff2") format("woff2");
        font-weight: 300;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: "Gotham X Narrow";
        src: url("../fonts/Gotham/GOTHAMXNARROW-LIGHTITALIC.woff2") format("woff2");
        font-weight: 300;
        font-style: italic;
        font-display: swap;
    }

    /* --- Book --- */
    @font-face {
        font-family: "Gotham X Narrow";
        src: url("../fonts/Gotham/GOTHAMXNARROW-BOOK.woff2") format("woff2");
        font-weight: 400;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: "Gotham X Narrow";
        src: url("../fonts/Gotham/GOTHAMXNARROW-BOOKITALIC.woff2") format("woff2");
        font-weight: 400;
        font-style: italic;
        font-display: swap;
    }

    /* --- Medium --- */
    @font-face {
        font-family: "Gotham X Narrow";
        src: url("../fonts/Gotham/GOTHAMXNARROW-MEDIUM.woff2") format("woff2");
        font-weight: 500;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: "Gotham X Narrow";
        src: url("../fonts/Gotham/GOTHAMXNARROW-MEDIUMITALIC.woff2") format("woff2");
        font-weight: 500;
        font-style: italic;
        font-display: swap;
    }

    /* --- Bold --- */
    @font-face {
        font-family: "Gotham X Narrow";
        src: url("../fonts/Gotham/GOTHAMXNARROW-BOLD.woff2") format("woff2");
        font-weight: 700;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: "Gotham X Narrow";
        src: url("../fonts/Gotham/GOTHAMXNARROW-BOLDITALIC.woff2") format("woff2");
        font-weight: 700;
        font-style: italic;
        font-display: swap;
    }

    /* --- Black --- */
    @font-face {
        font-family: "Gotham X Narrow";
        src: url("../fonts/Gotham/GOTHAMXNARROW-BLACK.woff2") format("woff2");
        font-weight: 900;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: "Gotham X Narrow";
        src: url("../fonts/Gotham/GOTHAMXNARROW-BLACKITALIC.woff2") format("woff2");
        font-weight: 900;
        font-style: italic;
        font-display: swap;
    }

    /* --- Ultra --- */
    @font-face {
        font-family: "Gotham X Narrow";
        src: url("../fonts/Gotham/GOTHAMXNARROW-ULTRA.woff2") format("woff2");
        font-weight: 950;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: "Gotham X Narrow";
        src: url("../fonts/Gotham/GOTHAMXNARROW-ULTRAITALIC.woff2") format("woff2");
        font-weight: 950;
        font-style: italic;
        font-display: swap;
    }