@font-face {
    font-family: 'Gotham';
    font-weight: 100;
    font-style: normal;
    src: url("Gotham-Thin.otf") format("opentype");
    font-display: swap;
}
@font-face {
    font-family: 'Gotham';
    font-weight: 100;
    font-style: italic;
    src: url("Gotham-ThinItalic.otf") format("opentype");
    font-display: swap;
}
@font-face {
    font-family: 'Gotham';
    font-weight: 200;
    font-style: normal;
    src: url("Gotham-XLight.otf") format("opentype");
    font-display: swap;
}
@font-face {
    font-family: 'Gotham';
    font-weight: 200;
    font-style: italic;
    src: url("Gotham-XLightItalic.otf") format("opentype");
    font-display: swap;
}
@font-face {
    font-family: 'Gotham';
    font-weight: 300;
    font-style: normal;
    src: url("Gotham-Light.otf") format("opentype");
    font-display: swap;
}
@font-face {
    font-family: 'Gotham';
    font-weight: 300;
    font-style: italic;
    src: url("Gotham-LightItalic.otf") format("opentype");
    font-display: swap;
}
@font-face {
    font-family: 'Gotham';
    font-weight: 400;
    font-style: normal;
    src: url("Gotham-Book.otf") format("opentype");
    font-display: swap;
}
@font-face {
    font-family: 'Gotham';
    font-weight: 400;
    font-style: italic;
    src: url("Gotham-BookItalic.otf") format("opentype");
    font-display: swap;
}
@font-face {
    font-family: 'Gotham';
    font-weight: 500;
    font-style: normal;
    src: url("Gotham-Medium.otf") format("opentype");
    font-display: swap;
}
@font-face {
    font-family: 'Gotham';
    font-weight: 500;
    font-style: italic;
    src: url("Gotham-MediumItalic.otf") format("opentype");
    font-display: swap;
}
@font-face {
    font-family: 'Gotham';
    font-weight: 700;
    font-style: normal;
    src: url("Gotham-Bold.otf") format("opentype");
    font-display: swap;
}
@font-face {
    font-family: 'Gotham';
    font-weight: 700;
    font-style: italic;
    src: url("Gotham-BoldItalic.otf") format("opentype");
    font-display: swap;
}
@font-face {
    font-family: 'Gotham';
    font-weight: 800;
    font-style: normal;
    src: url("Gotham-Black.otf") format("opentype");
    font-display: swap;
}
@font-face {
    font-family: 'Gotham';
    font-weight: 800;
    font-style: italic;
    src: url("Gotham-BlackItalic.otf") format("opentype");
    font-display: swap;
}
@font-face {
    font-family: 'Gotham';
    font-weight: 900;
    font-style: normal;
    src: url("Gotham-Ultra.otf") format("opentype");
    font-display: swap;
}
@font-face {
    font-family: 'Gotham';
    font-weight: 900;
    font-style: italic;
    src: url("Gotham-UltraItalic.otf") format("opentype");
    font-display: swap;
}

/* Vitesse Font 
*****************/
@font-face {
    font-family: 'Vitesse';
    font-weight: 100;
    font-style: normal;
    src: url("Vitsse-Thin.otf") format("opentype");
    font-display: swap;
}
@font-face {
    font-family: 'Vitesse';
    font-weight: 100;
    font-style: italic;
    src: url("Vitsse-ThinItalic.otf") format("opentype");
    font-display: swap;
}
@font-face {
    font-family: 'Vitesse';
    font-weight: 300;
    font-style: normal;
    src: url("Vitesse-Light.otf") format("opentype");
    font-display: swap;
}
@font-face {
    font-family: 'Vitesse';
    font-weight: 300;
    font-style: italic;
    src: url("Vitesse-LightItalic.otf") format("opentype");
    font-display: swap;
}
@font-face {
    font-family: 'Vitesse';
    font-weight: 400;
    font-style: normal;
    src: url("Vitesse-Book.otf") format("opentype");
    font-display: swap;
}
@font-face {
    font-family: 'Vitesse';
    font-weight: 400;
    font-style: italic;
    src: url("Vitesse-BookItalic.otf") format("opentype");
    font-display: swap;
}
@font-face {
    font-family: 'Vitesse';
    font-weight: 500;
    font-style: normal;
    src: url("Vitesse-Medium.otf") format("opentype");
    font-display: swap;
}
@font-face {
    font-family: 'Vitesse';
    font-weight: 500;
    font-style: italic;
    src: url("Vitesse-MediumItalic.otf") format("opentype");
    font-display: swap;
}
@font-face {
    font-family: 'Vitesse';
    font-weight: 700;
    font-style: normal;
    src: url("Vitesse-Bold.otf") format("opentype");
    font-display: swap;
}
@font-face {
    font-family: 'Vitesse';
    font-weight: 700;
    font-style: italic;
    src: url("Vitesse-BoldItalic.otf") format("opentype");
    font-display: swap;
}
@font-face {
    font-family: 'Vitesse';
    font-weight: 900;
    font-style: normal;
    src: url("Vitesse-Black.otf") format("opentype");
    font-display: swap;
}
@font-face {
    font-family: 'Vitesse';
    font-weight: 900;
    font-style: italic;
    src: url("Vitesse-BlackItalic.otf") format("opentype");
    font-display: swap;
}