@font-face {
    font-family: 'BarlowSemiCondensed-Black';
    src: url('../fonts/roboto/Roboto-Regular.eot?v=4.2.0');
    src: url('../fonts/roboto/Roboto-Regular.eot?#iefix&v=4.2.0') format('embedded-opentype'), 
        url('../fonts/roboto/Roboto-Regular.woff?v=4.2.0') format('woff'), 
        url('../fonts/roboto/Roboto-Regular.ttf?v=4.2.0') format('truetype'), 
        url('../fonts/roboto/Roboto-Regular.svg?v=4.2.0#BarlowSemiCondensed-Black') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DINNextLTPro-Light';
    src: url('../fonts/roboto/Roboto-Thin.eot?v=4.2.0');
    src: url('../fonts/roboto/Roboto-Thin.eot?#iefix&v=4.2.0') format('embedded-opentype'), 
        url('../fonts/roboto/Roboto-Thin.woff?v=4.2.0') format('woff'), 
        url('../fonts/roboto/Roboto-Thin.ttf?v=4.2.0') format('truetype'), 
        url('../fonts/roboto/Roboto-Thin.svg?v=4.2.0#DINNextLTPro-Light') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BarlowSemiCondensed-ExtraBold';
    src: url('../fonts/roboto/Roboto-Bold.eot?v=4.2.0');
    src: url('../fonts/roboto/Roboto-Bold.eot?#iefix&v=4.2.0') format('embedded-opentype'), 
        url('../fonts/roboto/Roboto-Bold.woff?v=4.2.0') format('woff'), 
        url('../fonts/roboto/Roboto-Bold.ttf?v=4.2.0') format('truetype'), 
        url('../fonts/roboto/Roboto-Bold.svg?v=4.2.0#BarlowSemiCondensed-ExtraBold') format('svg');
    font-weight: normal;
    font-style: normal;
}