@font-face {
    font-family: 'geogrotesque_bold';
    src: url('../fonts/geogrotesque-bold-webfont.woff2') format('woff2'),
         url('../fonts/geogrotesque-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'geogrotesque_italic';
    src: url('../fonts/geogrotesque-italic-webfont.woff2') format('woff2'),
         url('../fonts/geogrotesque-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'geogrotesque_light';
    src: url('../fonts/geogrotesque-light-webfont.woff2') format('woff2'),
         url('../fonts/geogrotesque-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'geogrotesque_medium_italic';
    src: url('../fonts/geogrotesque-mediumitalic-webfont.woff2') format('woff2'),
         url('../fonts/geogrotesque-mediumitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'geogrotesque_regular';
    src: url('../fonts/geogrotesque-regular-webfont.woff2') format('woff2'),
         url('../fonts/geogrotesque-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}



@font-face {
    font-family: 'geogrotesque_light_italic';
    src: url('../fonts/geogrotesque-lightitalic-webfont.woff2') format('woff2'),
         url('../fonts/geogrotesque-lightitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'geogrotesque_medium';
    src: url('../fonts/geogrotesque-medium-webfont.woff2') format('woff2'),
         url('../fonts/geogrotesque-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'geogrotesque_semibold';
    src: url('../fonts/geogrotesque-semibold-webfont.woff2') format('woff2'),
    url('../fonts/geogrotesque-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


/*roboto*/

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

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

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

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

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

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

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

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

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



/*Poppins*/

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

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

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

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

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

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

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

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

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