@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 200;
    src: url(../media/fonts/Roboto/Roboto-Thin.ttf) format('truetype');
   }
  
   @font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: url(../media/fonts/Roboto/Roboto-Light.ttf) format('truetype');
   }
  
   @font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'),
    local('Roboto-Regular'),
    url(../media/fonts/Roboto/Roboto-Regular.ttf) format('truetype');
   }
  
  @font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: url(../media/fonts/Roboto/Roboto-Medium.ttf) format('truetype');
   }
  
   @font-face {
    font-family: 'Roboto Bold';
    font-style: normal;
    font-weight: 600;
    src: url(../media/fonts/Roboto/Roboto-Bold.ttf) format('truetype');
   }
  
   @font-face {
    font-family: 'Roboto Black';
    font-style: normal;
    font-weight: 700;
    src: url(../media/fonts/Roboto/Roboto-Black.ttf) format('truetype');
   }

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

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