/** =================== MONTSERRAT =================== **/

/** Montserrat Thin **/
@font-face {
    font-family: "Montserrat";
    font-weight: 100;
    font-style: normal;
    src: url("Montserrat/font/Montserrat-Thin.ttf") format('truetype');
}

/** Montserrat Thin-Italic **/
@font-face {
    font-family: "Montserrat";
    font-weight: 100;
    font-style: italic;
    src: url("Montserrat/font/Montserrat-ThinItalic.ttf") format('truetype');
}

/** Montserrat ExtraLight **/
@font-face {
    font-family: "Montserrat";
    font-weight: 200;
    font-style: normal;
    src: url("Montserrat/font/Montserrat-ExtraLight.ttf") format('truetype');
}

/** Montserrat ExtraLight-Italic **/
@font-face {
    font-family: "Montserrat";
    font-weight: 200;
    font-style: italic;
    src: url("Montserrat/font/Montserrat-ExtraLightItalic.ttf") format('truetype');
}

/** Montserrat Light **/
@font-face {
    font-family: "Montserrat";
    font-weight: 300;
    font-style: normal;
    src: url("Montserrat/font/Montserrat-Light.ttf") format('truetype');
}

/** Montserrat Light-Italic **/
@font-face {
    font-family: "Montserrat";
    font-weight: 300;
    font-style: italic;
    src: url("Montserrat/font/Montserrat-LightItalic.ttf") format('truetype');
}

/** Montserrat Regular **/
@font-face {
    font-family: "Montserrat";
    font-weight: 400;
    font-style: normal;
    src: url("Montserrat/font/Montserrat-Regular.ttf") format('truetype');
}

/** Montserrat Regular-Italic **/
@font-face {
    font-family: "Montserrat";
    font-weight: 400;
    font-style: italic;
    src: url("Montserrat/font/Montserrat-Italic.ttf") format('truetype');
}

/** Montserrat Medium **/
@font-face {
    font-family: "Montserrat";
    font-weight: 500;
    font-style: normal;
    src: url("Montserrat/font/Montserrat-Medium.ttf") format('truetype');
}

/** Montserrat Medium-Italic **/
@font-face {
    font-family: "Montserrat";
    font-weight: 500;
    font-style: italic;
    src: url("Montserrat/font/Montserrat-MediumItalic.ttf") format('truetype');
}

/** Montserrat SemiBold **/
@font-face {
    font-family: "Montserrat";
    font-weight: 600;
    font-style: normal;
    src: url("Montserrat/font/Montserrat-SemiBold.ttf") format('truetype');
}

/** Montserrat SemiBold-Italic **/
@font-face {
    font-family: "Montserrat";
    font-weight: 600;
    font-style: italic;
    src: url("Montserrat/font/Montserrat-SemiBoldItalic.ttf") format('truetype');
}

/** Montserrat Bold **/
@font-face {
    font-family: "Montserrat";
    font-weight: 700;
    font-style: normal;
    src: url("Montserrat/font/Montserrat-Bold.ttf") format('truetype');
}

/** Montserrat Bold-Italic **/
@font-face {
    font-family: "Montserrat";
    font-weight: 700;
    font-style: italic;
    src: url("Montserrat/font/Montserrat-BoldItalic.ttf") format('truetype');
}

/** Montserrat ExtraBold **/
@font-face {
    font-family: "Montserrat";
    font-weight: 800;
    font-style: normal;
    src: url("Montserrat/font/Montserrat-ExtraBold.ttf") format('truetype');
}

/** Montserrat ExtraBold-Italic **/
@font-face {
    font-family: "Montserrat";
    font-weight: 800;
    font-style: italic;
    src: url("Montserrat/font/Montserrat-ExtraBoldItalic.ttf") format('truetype');
}

/** Montserrat Black **/
@font-face {
    font-family: "Montserrat";
    font-weight: 900;
    font-style: normal;
    src: url("Montserrat/font/Montserrat-Black.ttf") format('truetype');
}

/** Montserrat Black-Italic **/
@font-face {
    font-family: "Montserrat";
    font-weight: 900;
    font-style: italic;
    src: url("Montserrat/font/Montserrat-BlackItalic.ttf") format('truetype');
}

/** =================== ROBOTO =================== **/

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

/** Roboto Thin-Italic **/
@font-face {
    font-family: "Roboto";
    font-weight: 100;
    font-style: italic;
    src: url("Roboto/Roboto-ThinItalic.ttf") format('truetype');
}

/** Roboto Light **/
@font-face {
    font-family: "Roboto";
    font-weight: 300;
    font-style: normal;
    src: url("Roboto/Roboto-Light.ttf") format('truetype');
}

/** Roboto Light-Italic **/
@font-face {
    font-family: "Roboto";
    font-weight: 300;
    font-style: italic;
    src: url("Roboto/Roboto-LightItalic.ttf") format('truetype');
}

/** Roboto Regular **/
@font-face {
    font-family: "Roboto";
    font-weight: 400;
    font-style: normal;
    src: url("Roboto/Roboto-Regular.ttf") format('truetype');
}

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

/** Roboto Medium-Italic **/
@font-face {
    font-family: "Roboto";
    font-weight: 500;
    font-style: italic;
    src: url("Roboto/Roboto-MediumItalic.ttf") format('truetype');
}

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

/** Roboto Bold-Italic **/
@font-face {
    font-family: "Roboto";
    font-weight: 700;
    font-style: italic;
    src: url("Roboto/Roboto-BoldItalic.ttf") format('truetype');
}

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

/** Roboto Black-Italic **/
@font-face {
    font-family: "Roboto";
    font-weight: 900;
    font-style: italic;
    src: url("Roboto/Roboto-BlackItalic.ttf") format('truetype');
}