@font-face { 
  font-family: 'Roboto'; 
  src: url('../fonts/RobotoThin/RobotoThin.woff2') format('woff2'), 
/*       url('../fonts/RobotoThin/RobotoThin.ttf')  format('truetype'), */
       url('../fonts/RobotoThin/RobotoThin.woff') format('woff'); 
  font-weight: 100; 
  font-style: normal; 
}

@font-face { 
  font-family: 'Roboto'; 
  src: url('../fonts/RobotoLight/RobotoLight.woff2') format('woff2'), 
/*       url('../fonts/RobotoLight/RobotoLight.ttf')  format('truetype'), */
       url('../fonts/RobotoLight/RobotoLight.woff') format('woff'); 
  font-weight: 300; 
  font-style: normal; 
}

@font-face { 
  font-family: 'Roboto'; 
  src: url('../fonts/RobotoRegular/RobotoRegular.woff2') format('woff2'), 
/*       url('../fonts/RobotoRegular/RobotoRegular.ttf')  format('truetype'), */
       url('../fonts/RobotoRegular/RobotoRegular.woff') format('woff'); 
  font-weight: 400; 
  font-style: normal; 
}

@font-face { 
  font-family: 'Roboto'; 
  src: url('../fonts/RobotoBold/RobotoBold.woff2') format('woff2'), 
/*       url('../fonts/RobotoBold/RobotoBold.ttf')  format('truetype'), */
       url('../fonts/RobotoBold/RobotoBold.woff') format('woff'); 
  font-weight: 700; 
  font-style: normal; 
}

@font-face { 
  font-family: 'Roboto Condensed'; 
  src: url('../fonts/RobotoCondensedBold/RobotoCondensedBold.woff2') format('woff2'), 
/*       url('../fonts/RobotoCondensedBold/RobotoCondensedBold.ttf')  format('truetype'), */
       url('../fonts/RobotoCondensedBold/RobotoCondensedBold.woff') format('woff'); 
  font-weight: 700; 
  font-style: normal; 
}