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

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

/***********************Fonts Roboto Medium ************************/
@font-face {
    font-family: 'Roboto-medium';
    font-weight: 500;
    font-style: normal;
    src:
    url('../fonts/roboto/Roboto-Medium.ttf') format('truetype'),
    url('../fonts/roboto/Roboto-MediumItalic.ttf') format('truetype');
}

/***********************Fonts Roboto-black ************************/
@font-face {
    font-family: 'Roboto-black';
    font-weight: 900;
    font-style: normal;
    src:
    url('../fonts/roboto/Roboto-Black.ttf') format('truetype'),
    url('../fonts/roboto/Roboto-BlackItalic.ttf') format('truetype');

}

/***********************Fonts Roboto-bold ************************/
@font-face {
    font-family: 'Roboto-bold';
    font-weight: bold;
    font-style: normal;
    src:
    url('../fonts/roboto/Roboto-Bold.ttf') format('truetype'),
    url('../fonts/roboto/Roboto-BoldCondensed.ttf') format('truetype'),
    url('../fonts/roboto/Roboto-BoldCondensedItalic.ttf') format('truetype'),
    url('../fonts/roboto/Roboto-BoldItalic.ttf') format('truetype');
}

/***********************Fonts Roboto-Condensed ************************/
@font-face {
    font-family: 'Roboto-Condensed';
    font-weight: normal;
    font-style: normal;
    src:
    url('../fonts/roboto/Roboto-Condensed.ttf') format('truetype'),
    url('../fonts/roboto/Roboto-CondensedItalic.ttf') format('truetype');
}

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

/***********************Fonts Roboto-Thin ************************/
@font-face {
    font-family: 'Roboto-Thin';
    font-weight: normal;
    font-style: normal;
    src:
    url('../fonts/roboto/Roboto-Thin.ttf') format('truetype'),
    url('../fonts/roboto/Roboto-ThinItalic.ttf') format('truetype');
}
/************************************************ Proto Grotesk ***************************************************/
/***********************Fonts protogrotesk-bold ************************/
@font-face {
    font-family: 'protogrotesk-bold';
    src: url('../fonts/Proto Grotesk/protogroteskweb-bold.eot');
    src: url('../fonts/Proto Grotesk/protogroteskweb-bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Proto Grotesk/protogroteskweb-bold.woff') format('woff'),
    url('../fonts/Proto Grotesk/protogrotesk-bold.ttf') format('truetype'),
    url('../fonts/Proto Grotesk/protogrotesk-bold.otf') format("opentype");
}
/***********************Fonts protogrotesk-extralight ************************/
@font-face {
    font-family: 'protogrotesk-extralight';
    src: url('../fonts/Proto Grotesk/protogroteskweb-extralight.eot');
    src: url('../fonts/Proto Grotesk/protogroteskweb-extralight.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Proto Grotesk/protogroteskweb-extralight.woff') format('woff'),
    url('../fonts/Proto Grotesk/protogrotesk-extralight.ttf') format('truetype'),
    url('../fonts/Proto Grotesk/protogrotesk-extralight.otf') format("opentype");
}
/***********************Fonts protogrotesk-light ************************/
@font-face {
    font-family: 'protogrotesk-light';
    src: url('../fonts/Proto Grotesk/protogroteskweb-light.eot');
    src: url('../fonts/Proto Grotesk/protogroteskweb-light.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Proto Grotesk/protogroteskweb-light.woff') format('woff'),
    url('../fonts/Proto Grotesk/protogrotesk-light.ttf') format('truetype'),
    url('../fonts/Proto Grotesk/protogrotesk-light.otf') format("opentype");
}
/***********************Fonts protogrotesk-regular ************************/
@font-face {
    font-family: 'protogrotesk-regular';
    
    src: url('../fonts/Proto Grotesk/protogroteskweb-regular.eot');
    src: url('../fonts/Proto Grotesk/protogroteskweb-regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Proto Grotesk/protogroteskweb-regular.woff') format('woff'),
    url('../fonts/Proto Grotesk/protogrotesk-regular.ttf') format('truetype'),
    url('../fonts/Proto Grotesk/protogrotesk-regular.otf') format("opentype");
}

/***********************Fonts marianne-regular ************************/
@font-face {
    font-family: 'marianne-regular';
    
    src: url('../fonts/marianne/Marianne.eot');
    src: url('../fonts/marianne/Marianne.eot?#iefix') format('embedded-opentype'),
    url('../fonts/marianne/Marianne.woff') format('woff'),
    url('../fonts/marianne/Marianne.ttf') format('truetype'),
    url('../fonts/marianne/Marianne.otf') format("opentype");
}
/***********************Fonts marianne-light ************************/
@font-face {
    font-family: 'marianne-light';
    
    src: url('../fonts/marianne/Marianne-Light.eot');
    src: url('../fonts/marianne/Marianne-Light.eot?#iefix') format('embedded-opentype'),
    url('../fonts/marianne/Marianne-Light.woff') format('woff'),
    url('../fonts/marianne/Marianne-Light.ttf') format('truetype'),
    url('../fonts/marianne/Marianne-Light.otf') format("opentype");
}

/***********************Fonts marianne-bold ************************/
@font-face {
    font-family: 'marianne-bold';
    
    src: url('../fonts/marianne/Marianne-Bold.eot');
    src: url('../fonts/marianne/Marianne-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/marianne/Marianne-Bold.woff') format('woff'),
    url('../fonts/marianne/Marianne-Bold.ttf') format('truetype'),
    url('../fonts/marianne/Marianne-Bold.otf') format("opentype");
}


/***********************Fonts marianne-bold ************************/
@font-face {
    font-family: 'marianne-medium';
    
    src: url('../fonts/marianne/Marianne-Medium.eot');
    src: url('../fonts/marianne/Marianne-Medium.eot?#iefix') format('embedded-opentype'),
    url('../fonts/marianne/Marianne-Medium.woff') format('woff'),
    url('../fonts/marianne/Marianne-Medium.ttf') format('truetype'),
    url('../fonts/marianne/Marianne-Medium.otf') format("opentype");
}