/* <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Roboto+Mono:300&subset=cyrillic" rel="stylesheet"> */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'),
       url('../fonts/roboto-v18-latin_cyrillic-300.woff2') format('woff2'), 
       url('../fonts/roboto-v18-latin_cyrillic-300.woff') format('woff'); 
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'),
       url('../fonts/roboto-v18-latin_cyrillic-regular.woff2') format('woff2'), 
       url('../fonts/roboto-v18-latin_cyrillic-regular.woff') format('woff'); 
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'),
       url('../fonts/roboto-v18-latin_cyrillic-500.woff2') format('woff2'),
       url('../fonts/roboto-v18-latin_cyrillic-500.woff') format('woff'); 
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'),
       url('../fonts/roboto-v18-latin_cyrillic-700.woff2') format('woff2'), 
       url('../fonts/roboto-v18-latin_cyrillic-700.woff') format('woff'); 
}
/* roboto-mono-300 - latin_cyrillic */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Mono Light'), local('RobotoMono-Light'),
       url('roboto-mono-v5-latin_cyrillic-300.woff2') format('woff2'),
       url('roboto-mono-v5-latin_cyrillic-300.woff') format('woff');
}