@font-face {
    font-family: 'RobotoRegular';
    src: url('roboto-regular.otf');
    src: url('roboto-regular.otf') format('embedded-opentype'),
         url('roboto-regular.ttf') format('truetype'),
         url('roboto-regular.svg#RobotoRegular') format('svg');
}
@font-face {
    font-family: 'RobotoMedium';
    src: url('roboto-medium_0.eot');
    src: url('roboto-medium_0.eot') format('embedded-opentype'),
         url('roboto-medium_0.woff2') format('woff2'),
         url('roboto-medium_0.woff') format('woff'),
         url('roboto-medium_0.ttf') format('truetype'),
         url('roboto-medium_0.svg#RobotoMedium') format('svg');
}
@font-face {
    font-family: 'GothamBoldGothamBold';
    src: url('gothmbol_1.eot');
    src: url('gothmbol_1.eot') format('embedded-opentype'),
         url('gothmbol_1.woff2') format('woff2'),
         url('gothmbol_1.woff') format('woff'),
         url('gothmbol_1.ttf') format('truetype'),
         url('gothmbol_1.svg#GothamBoldGothamBold') format('svg');
}
@font-face {
    font-family: 'GothamLightGothamLight';
    src: url('gothmlig_1.eot');
    src: url('gothmlig_1.eot') format('embedded-opentype'),
         url('gothmlig_1.woff2') format('woff2'),
         url('gothmlig_1.woff') format('woff'),
         url('gothmlig_1.ttf') format('truetype'),
         url('gothmlig_1.svg#GothamLightGothamLight') format('svg');
}
@font-face {
    font-family: 'MuseoSlab300';
    src: url('museo-slab.eot');
    src: url('museo-slab.eot') format('embedded-opentype'),
         url('museo-slab.woff2') format('woff2'),
         url('museo-slab.woff') format('woff'),
         url('museo-slab.ttf') format('truetype'),
         url('museo-slab.svg#MuseoSlab300') format('svg');
}