@font-face {
    font-family: "Gotham Pro";
    src: local("Gotham Pro Light"), url("GothamPro-Light.ttf") format("truetype");
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: "Gotham Pro";
    src: local("Gotham Pro"), url("GothamPro.ttf") format("truetype");
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: "Gotham Pro";
    src: local("Gotham Pro Medium"), url("GothamPro-Medium.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: "Gotham Pro";
    src: local("Gotham Pro Bold"), url("GothamPro-Bold.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "Gotham Pro";
    src: local("Gotham Pro Black"), url("GothamPro-Black.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "SF UI Display";
    font-style: normal;
    font-weight: 100;
    src: local("SF UI Display Ultralight"), url("sf-ui-display-ultralight-58646b19bf205.woff") format("woff");
}

@font-face {
    font-family: "SF UI Display";
    font-style: normal;
    font-weight: 200;
    src: local("SF UI Display Thin"), url("sf-ui-display-thin-58646e9b26e8b.woff") format("woff");
}

@font-face {
    font-family: "SF UI Display";
    font-style: normal;
    font-weight: 300;
    src: local("SF UI Display Light"), url("sf-ui-display-light-58646b33e0551.woff") format("woff");
}

@font-face {
    font-family: "SF UI Display";
    font-style: normal;
    font-weight: 400;
    src: local("SF UI Display Medium"), url("sf-ui-display-medium-58646be638f96.woff") format("woff");
}

@font-face {
    font-family: "SF UI Display";
    font-style: normal;
    font-weight: 500;
    src: local("SF UI Display Semibold"), url("sf-ui-display-semibold-58646eddcae92.woff") format("woff");
}

@font-face {
    font-family: "SF UI Display";
    font-style: normal;
    font-weight: 600;
    src: local("SF UI Display Bold"), url("sf-ui-display-bold-58646a511e3d9.woff") format("woff");
}

@font-face {
    font-family: "SF UI Display";
    font-style: normal;
    font-weight: 700;
    src: local("SF UI Display Heavy"), url("sf-ui-display-heavy-586470160b9e5.woff") format("woff");
}

@font-face {
    font-family: "SF UI Display";
    font-style: normal;
    font-weight: 800;
    src: local("SF UI Display Black"), url("sf-ui-display-black-58646a6b80d5a.woff") format("woff");
}

@font-face {
    font-family: "Drugs";
    src: local("Drugs"), url("drugs.otf") format("opentype");
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 200;
    src: local("Roboto Light"), url("Roboto-Light.ttf") format("truetype");
}

@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 100;
    src: local("Roboto Thin"), url("Roboto-Thin.ttf") format("truetype");
}

@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 300;
    src: local("Roboto Regular"), url("Roboto-Regular.ttf") format("truetype");
}

@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    src: local("Roboto Medium"), url("Roboto-Medium.ttf") format("truetype");
}

@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 700;
    src: local("Roboto Bold"), url("Roboto-Bold.ttf") format("truetype");
}

@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 900;
    src: local("Roboto Black"), url("Roboto-Black.ttf") format("truetype");
}


/* LATO */

@font-face {
    font-family: "Lato";
    font-style: normal;
    font-weight: 900;
    src: local("Lato Black"), url("Lato-Black.ttf") format("truetype");
}

@font-face {
    font-family: "Lato";
    font-style: normal;
    font-weight: 800;
    src: local("Lato Heavy"), url("Lato-Heavy.ttf") format("truetype");
}

@font-face {
    font-family: "Lato";
    font-style: normal;
    font-weight: 700;
    src: local("Lato Bold"), url("Lato-Bold.ttf") format("truetype");
}

@font-face {
    font-family: "Lato";
    font-style: normal;
    font-weight: 600;
    src: local("Lato Semibold"), url("Lato-Semibold.ttf") format("truetype");
}

@font-face {
    font-family: "Lato";
    font-style: normal;
    font-weight: 500;
    src: local("Lato Medium"), url("Lato-Medium.ttf") format("truetype");
}

@font-face {
    font-family: "Lato";
    font-style: normal;
    font-weight: 400;
    src: local("Lato Regular"), url("Lato-Regular.ttf") format("truetype");
}

@font-face {
    font-family: "Lato";
    font-style: normal;
    font-weight: 300;
    src: local("Lato Light"), url("Lato-Light.ttf") format("truetype");
}

@font-face {
    font-family: "Lato";
    font-style: normal;
    font-weight: 200;
    src: local("Lato Thin"), url("Lato-Thin.ttf") format("truetype");
}

@font-face {
    font-family: "Lato";
    font-style: normal;
    font-weight: 100;
    src: local("Lato Hairline"), url("Lato-Hairline.ttf") format("truetype");
}


/* LATO ITALIC */

@font-face {
    font-family: "Lato";
    font-style: italic;
    font-weight: 900;
    src: local("Lato Black"), url("Lato-BlackItalic.ttf") format("truetype");
}

@font-face {
    font-family: "Lato";
    font-style: italic;
    font-weight: 800;
    src: local("Lato Heavy"), url("Lato-HeavyItalic.ttf") format("truetype");
}

@font-face {
    font-family: "Lato";
    font-style: italic;
    font-weight: 700;
    src: local("Lato Bold"), url("Lato-BoldItalic.ttf") format("truetype");
}

@font-face {
    font-family: "Lato";
    font-style: italic;
    font-weight: 600;
    src: local("Lato Semibold"), url("Lato-SemiboldItalic.ttf") format("truetype");
}

@font-face {
    font-family: "Lato";
    font-style: italic;
    font-weight: 500;
    src: local("Lato Medium"), url("Lato-MediumItalic.ttf") format("truetype");
}

@font-face {
    font-family: "Lato";
    font-style: italic;
    font-weight: 400;
    src: local("Lato Regular"), url("Lato-Italic.ttf") format("truetype");
}

@font-face {
    font-family: "Lato";
    font-style: italic;
    font-weight: 300;
    src: local("Lato Light"), url("Lato-LightItalic.ttf") format("truetype");
}

@font-face {
    font-family: "Lato";
    font-style: italic;
    font-weight: 200;
    src: local("Lato Thin"), url("Lato-ThinItalic.ttf") format("truetype");
}

@font-face {
    font-family: "Lato";
    font-style: italic;
    font-weight: 100;
    src: local("Lato Hairline"), url("Lato-HairlineItalic.ttf") format("truetype");
}