@font-face {
    font-family: 'Roboto';
    src: url("../fonts/Roboto-Regular.eot"); /* IE9 Compat Modes */
    src: url("../fonts/Roboto-Regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
         url("../fonts/Roboto-Regular.woff") format("woff"), /* Modern Browsers */
         url("../fonts/Roboto-Regular.woff2") format("woff2"), /* Modern Browsers */
         url("../fonts/Roboto-Regular.ttf")  format("truetype"); /* Safari, Android, iOS */
         font-weight: normal;
}


@font-face {
    font-family: 'Roboto Bold';
    src: url('../fonts/Roboto-Bold.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/Roboto-Bold.woff') format('woff'), /* Modern Browsers */
         url('../fonts/Roboto-Bold.woff2') format('woff2'), /* Modern Browsers */
         url('../fonts/Roboto-Bold.ttf')  format('truetype'); /* Safari, Android, iOS */
font-weight: 600;
font-style: normal;
}