@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: "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");
}

@font-face {
    font-family: 'Vayu Sans';
    src: url('VayuSans-ExtraBold.eot');
    src: local('Vayu Sans Extra Bold'), local('VayuSans-ExtraBold'),
        url('VayuSans-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('VayuSans-ExtraBold.woff2') format('woff2'),
        url('VayuSans-ExtraBold.woff') format('woff'),
        url('VayuSans-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Vayu Sans';
    src: url('VayuItalic-ExtraBold.eot');
    src: local('Vayu Sans Extra Bold Italic'), local('VayuItalic-ExtraBold'),
        url('VayuItalic-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('VayuItalic-ExtraBold.woff2') format('woff2'),
        url('VayuItalic-ExtraBold.woff') format('woff'),
        url('VayuItalic-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: 'Vayu Sans';
    src: url('VayuItalic-Bold.eot');
    src: local('Vayu Sans Bold Italic'), local('VayuItalic-Bold'),
        url('VayuItalic-Bold.eot?#iefix') format('embedded-opentype'),
        url('VayuItalic-Bold.woff2') format('woff2'),
        url('VayuItalic-Bold.woff') format('woff'),
        url('VayuItalic-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Vayu Sans';
    src: url('VayuItalic-Black.eot');
    src: local('Vayu Sans Black Italic'), local('VayuItalic-Black'),
        url('VayuItalic-Black.eot?#iefix') format('embedded-opentype'),
        url('VayuItalic-Black.woff2') format('woff2'),
        url('VayuItalic-Black.woff') format('woff'),
        url('VayuItalic-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Vayu Sans';
    src: url('VayuSans-Bold.eot');
    src: local('Vayu Sans Bold'), local('VayuSans-Bold'),
        url('VayuSans-Bold.eot?#iefix') format('embedded-opentype'),
        url('VayuSans-Bold.woff2') format('woff2'),
        url('VayuSans-Bold.woff') format('woff'),
        url('VayuSans-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Vayu Sans';
    src: url('VayuSans-Black.eot');
    src: local('Vayu Sans Black'), local('VayuSans-Black'),
        url('VayuSans-Black.eot?#iefix') format('embedded-opentype'),
        url('VayuSans-Black.woff2') format('woff2'),
        url('VayuSans-Black.woff') format('woff'),
        url('VayuSans-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Vayu Sans';
    src: url('VayuItalic-SemiBold.eot');
    src: local('Vayu Sans Semi Bold Italic'), local('VayuItalic-SemiBold'),
        url('VayuItalic-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('VayuItalic-SemiBold.woff2') format('woff2'),
        url('VayuItalic-SemiBold.woff') format('woff'),
        url('VayuItalic-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Vayu Sans';
    src: url('VayuItalic-Medium.eot');
    src: local('Vayu Sans Medium Italic'), local('VayuItalic-Medium'),
        url('VayuItalic-Medium.eot?#iefix') format('embedded-opentype'),
        url('VayuItalic-Medium.woff2') format('woff2'),
        url('VayuItalic-Medium.woff') format('woff'),
        url('VayuItalic-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Vayu Sans';
    src: url('VayuSans-Ultralight.eot');
    src: local('Vayu Sans Ultralight'), local('VayuSans-Ultralight'),
        url('VayuSans-Ultralight.eot?#iefix') format('embedded-opentype'),
        url('VayuSans-Ultralight.woff2') format('woff2'),
        url('VayuSans-Ultralight.woff') format('woff'),
        url('VayuSans-Ultralight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Vayu Sans';
    src: url('VayuSans-Medium.eot');
    src: local('Vayu Sans Medium'), local('VayuSans-Medium'),
        url('VayuSans-Medium.eot?#iefix') format('embedded-opentype'),
        url('VayuSans-Medium.woff2') format('woff2'),
        url('VayuSans-Medium.woff') format('woff'),
        url('VayuSans-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Vayu Sans';
    src: url('VayuSans-Thin.eot');
    src: local('Vayu Sans Thin'), local('VayuSans-Thin'),
        url('VayuSans-Thin.eot?#iefix') format('embedded-opentype'),
        url('VayuSans-Thin.woff2') format('woff2'),
        url('VayuSans-Thin.woff') format('woff'),
        url('VayuSans-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Vayu Sans';
    src: url('VayuItalic-Ultralight.eot');
    src: local('Vayu Sans Ultralight Italic'), local('VayuItalic-Ultralight'),
        url('VayuItalic-Ultralight.eot?#iefix') format('embedded-opentype'),
        url('VayuItalic-Ultralight.woff2') format('woff2'),
        url('VayuItalic-Ultralight.woff') format('woff'),
        url('VayuItalic-Ultralight.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: 'Vayu Sans';
    src: url('VayuItalic-Thin.eot');
    src: local('Vayu Sans Thin Italic'), local('VayuItalic-Thin'),
        url('VayuItalic-Thin.eot?#iefix') format('embedded-opentype'),
        url('VayuItalic-Thin.woff2') format('woff2'),
        url('VayuItalic-Thin.woff') format('woff'),
        url('VayuItalic-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'Vayu Sans';
    src: url('VayuSans-Regular.eot');
    src: local('Vayu Sans'), local('VayuSans-Regular'),
        url('VayuSans-Regular.eot?#iefix') format('embedded-opentype'),
        url('VayuSans-Regular.woff2') format('woff2'),
        url('VayuSans-Regular.woff') format('woff'),
        url('VayuSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Vayu Sans';
    src: url('VayuItalic-Regular.eot');
    src: local('Vayu Sans Italic'), local('VayuItalic-Regular'),
        url('VayuItalic-Regular.eot?#iefix') format('embedded-opentype'),
        url('VayuItalic-Regular.woff2') format('woff2'),
        url('VayuItalic-Regular.woff') format('woff'),
        url('VayuItalic-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Vayu Sans';
    src: url('VayuSans-SemiBold.eot');
    src: local('Vayu Sans Semi Bold'), local('VayuSans-SemiBold'),
        url('VayuSans-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('VayuSans-SemiBold.woff2') format('woff2'),
        url('VayuSans-SemiBold.woff') format('woff'),
        url('VayuSans-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Vayu Sans';
    src: url('VayuSans-Light.eot');
    src: local('Vayu Sans Light'), local('VayuSans-Light'),
        url('VayuSans-Light.eot?#iefix') format('embedded-opentype'),
        url('VayuSans-Light.woff2') format('woff2'),
        url('VayuSans-Light.woff') format('woff'),
        url('VayuSans-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Vayu Sans';
    src: url('VayuItalic-Light.eot');
    src: local('Vayu Sans Light Italic'), local('VayuItalic-Light'),
        url('VayuItalic-Light.eot?#iefix') format('embedded-opentype'),
        url('VayuItalic-Light.woff2') format('woff2'),
        url('VayuItalic-Light.woff') format('woff'),
        url('VayuItalic-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}