@font-face {
  font-family: 'Rokkitt';
  font-style: normal;
  font-weight: 200;
  src: local('Rokkitt ExtraLight'), local('Rokkitt-ExtraLight'), url(http://fonts.gstatic.com/s/rokkitt/v12/0WAt8U-wuiVSpONe9df_LC3USBnSvpkopQaUR-2r7iU.ttf) format('truetype');
}
@font-face {
  font-family: 'Rokkitt';
  font-style: normal;
  font-weight: 300;
  src: local('Rokkitt Light'), local('Rokkitt-Light'), url(http://fonts.gstatic.com/s/rokkitt/v12/9TgSUwlZbr9Rq-Wyc1MGjy3USBnSvpkopQaUR-2r7iU.ttf) format('truetype');
}
@font-face {
  font-family: 'Rokkitt';
  font-style: normal;
  font-weight: 400;
  src: local('Rokkitt Regular'), local('Rokkitt-Regular'), url(http://fonts.gstatic.com/s/rokkitt/v12/sr63xTucDSbOV6kDLSAZiA.ttf) format('truetype');
}
@font-face {
  font-family: 'Rokkitt';
  font-style: normal;
  font-weight: 500;
  src: local('Rokkitt Medium'), local('Rokkitt-Medium'), url(http://fonts.gstatic.com/s/rokkitt/v12/IHj_MXSS8N5o0bY1ZlMYOS3USBnSvpkopQaUR-2r7iU.ttf) format('truetype');
}
@font-face {
  font-family: 'Rokkitt';
  font-style: normal;
  font-weight: 600;
  src: local('Rokkitt SemiBold'), local('Rokkitt-SemiBold'), url(http://fonts.gstatic.com/s/rokkitt/v12/qQa_YKrZQRYPQ0AMem2gJi3USBnSvpkopQaUR-2r7iU.ttf) format('truetype');
}
@font-face {
  font-family: 'Rokkitt';
  font-style: normal;
  font-weight: 700;
  src: local('Rokkitt Bold'), local('Rokkitt-Bold'), url(http://fonts.gstatic.com/s/rokkitt/v12/Mef17w3J4CtS0lw4Wa_8ry3USBnSvpkopQaUR-2r7iU.ttf) format('truetype');
}
@font-face {
  font-family: 'Rokkitt';
  font-style: normal;
  font-weight: 800;
  src: local('Rokkitt ExtraBold'), local('Rokkitt-ExtraBold'), url(http://fonts.gstatic.com/s/rokkitt/v12/ZtMHta7r9uszQ6oIzuo0-y3USBnSvpkopQaUR-2r7iU.ttf) format('truetype');
}