@font-face {
  font-family: 'RobotoRegular';
  src: url('../webfonts/roboto-regular.woff2')  format('woff2'),
       url('../webfonts/roboto-regular.woff')  format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'RobotoBold';
  src: url('../webfonts/roboto-bold.woff2')  format('woff2'),
       url('../webfonts/roboto-bold.woff')  format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'RobotoItalic';
  src: url('../webfonts/roboto-italic.woff2')  format('woff2'),
       url('../webfonts/roboto-italic.woff')  format('woff');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'RobotoLightItalic';
  src: url('../webfonts/roboto-lightitalic.woff2')  format('woff2'),
       url('../webfonts/roboto-lightitalic.woff')  format('woff');
  font-weight: normal;
  font-style: normal;
}