@font-face {
  font-family: 'Rubik';
  src: url('Rubik-Light.eot?#iefix') format('embedded-opentype'),  url('Rubik-Light.woff') format('woff'), url('Rubik-Light.ttf')  format('truetype'), url('Rubik-Light.svg#Rubik-Light') format('svg');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Rubik';
  src: url('Rubik-Regular.eot?#iefix') format('embedded-opentype'),  url('Rubik-Regular.woff') format('woff'), url('Rubik-Regular.ttf')  format('truetype'), url('Rubik-Regular.svg#Rubik-Regular') format('svg');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Rubik';
  src: url('Rubik-Medium.eot?#iefix') format('embedded-opentype'),  url('Rubik-Medium.woff') format('woff'), url('Rubik-Medium.ttf')  format('truetype'), url('Rubik-Medium.svg#Rubik-Medium') format('svg');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Rubik';
  src: url('Rubik-Bold.eot?#iefix') format('embedded-opentype'),  url('Rubik-Bold.woff') format('woff'), url('Rubik-Bold.ttf')  format('truetype'), url('Rubik-Bold.svg#Rubik-Bold') format('svg');
  font-weight: 700;
  font-style: normal;
}