@font-face {
    font-family: 'Roboto';
    src: url('./fonts/Roboto/roboto-google/roboto.eot') format('eot');/*IE*/
    src:  local('Roboto'), local('Roboto-Regular'),
          url('./fonts/Roboto/roboto-google/roboto.eot?#iefix') format('embedded-opentype'), /* IE6-8 */
          url('./fonts/Roboto/roboto-google/roboto.woff2') format('woff2'), /* Modern Browsers */
          url('./fonts/Roboto/roboto-google/roboto.woff') format('woff'), /* Modern Browsers */
          url('./fonts/Roboto/roboto-google/roboto.ttf') format('truetype'); /* Safari, Android, iOS */
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('./fonts/Roboto/roboto-google/roboto-bold.eot') format('eot');/*IE*/
    src:  local('Roboto Bold'), local('Roboto-Bold'),
          url('./fonts/Roboto/roboto-google/roboto-bold.eot?#iefix') format('embedded-opentype'), /* IE6-8 */
          url('./fonts/Roboto/roboto-google/roboto-bold.woff2') format('woff2'), /* Modern Browsers */
          url('./fonts/Roboto/roboto-google/roboto-bold.woff') format('woff'), /* Modern Browsers */
          url('./fonts/Roboto/roboto-google/roboto-bold.ttf') format('truetype'); /* Safari, Android, iOS */
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('./fonts/Roboto/roboto-google/roboto-italic.eot') format('eot');/*IE*/
    src:  local('Roboto Italic'), local('Roboto-Italic'),
          url('./fonts/Roboto/roboto-google/roboto-italic.eot?#iefix') format('embedded-opentype'), /* IE6-8 */
          url('./fonts/Roboto/roboto-google/roboto-italic.woff2') format('woff2'), /* Modern Browsers */
          url('./fonts/Roboto/roboto-google/roboto-italic.woff') format('woff'), /* Modern Browsers */
          url('./fonts/Roboto/roboto-google/roboto-italic.ttf') format('truetype'); /* Safari, Android, iOS */
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('./fonts/Roboto/roboto-google/roboto-bold-italic.eot') format('eot');/*IE*/
    src:  local('Roboto Bold Italic'), local('Roboto-BoldItalic'),
          url('./fonts/Roboto/roboto-google/roboto-bold-italic.eot?#iefix') format('embedded-opentype'), /* IE6-8 */
          url('./fonts/Roboto/roboto-google/roboto-bold-italic.woff2') format('woff2'), /* Modern Browsers */
          url('./fonts/Roboto/roboto-google/roboto-bold-italic.woff') format('woff'), /* Modern Browsers */
          url('./fonts/Roboto/roboto-google/roboto-bold-italic.ttf') format('truetype'); /* Safari, Android, iOS */
    font-weight: 700;
    font-style: italic;
}


/*
@font-face {
    font-family: 'Roboto';
    src: url('./fonts/Roboto/roboto_regular_macroman/Roboto-Regular-webfont.eot');
    src: url('./fonts/Roboto/roboto_regular_macroman/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('./fonts/Roboto/roboto_regular_macroman/Roboto-Regular-webfont.woff') format('woff'),
    url('./fonts/Roboto/roboto_regular_macroman/Roboto-Regular-webfont.ttf') format('truetype'),
    url('./fonts/Roboto/roboto_regular_macroman/Roboto-Regular-webfont.svg#RobotoRegular') format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('./fonts/Roboto/roboto_bold_macroman/Roboto-Bold-webfont.eot');
    src: url('./fonts/Roboto/roboto_bold_macroman/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('./fonts/Roboto/roboto_bold_macroman/Roboto-Bold-webfont.woff') format('woff'),
    url('./fonts/Roboto/roboto_bold_macroman/Roboto-Bold-webfont.ttf') format('truetype'),
    url('./fonts/Roboto/roboto_bold_macroman/Roboto-Bold-webfont.svg#RobotoBold') format('svg');
    font-weight: 700;
    font-style: normal;
}*/