/* roboto-400 regular */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/roboto-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
        url('fonts/roboto-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('fonts/roboto-regular.woff2') format('woff2'), /* Super Modern Browsers */
        url('fonts/roboto-regular.woff') format('woff'); /* Modern Browsers */
    unicode-range:U+0041-005A, U+0061-007A, U+0030-0039;
}

/* roboto-700 bold */
@font-face {
    font-family: 'Roboto';
    font-style: bold;
    font-weight: 700;
    src: url('fonts/roboto-700.eot'); /* IE9 Compat Modes */
    src: local(''),
        url('fonts/roboto-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('fonts/roboto-700.woff2') format('woff2'), /* Super Modern Browsers */
        url('fonts/roboto-700.woff') format('woff'); /* Modern Browsers */
    unicode-range:U+0041-005A, U+0061-007A, U+0030-0039;
}