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

@font-face {
    font-family: 'Rubik-SemiBold';
    src: url(./font/Rubik/Rubik-SemiBold.eot);
    src: url(./font/Rubik/Rubik-SemiBold.eot?#iefix) format('embedded-opentype'),
         url(./font/Rubik/Rubik-SemiBold.otf) format('otf'),
         url(./font/Rubik/Rubik-SemiBold.svg#Rubik-SemiBold) format('svg'),
         url(./font/Rubik/Rubik-SemiBold.ttf) format('truetype'),
         url(./font/Rubik/Rubik-SemiBold.woff) format('woff'),
         url(./font/Rubik/Rubik-SemiBold.woff2) format('woff2');
  }
  @font-face {
    font-family: 'Rubik-Medium';
    src: url(./font/Rubik/Rubik-Medium.eot);
    src: url(./font/Rubik/Rubik-Medium.eot?#iefix) format('embedded-opentype'),
         url(./font/Rubik/Rubik-Medium.otf) format('otf'),
         url(./font/Rubik/Rubik-Medium.svg#Rubik-Medium) format('svg'),
         url(./font/Rubik/Rubik-Medium.ttf) format('truetype'),
         url(./font/Rubik/Rubik-Medium.woff) format('woff'),
         url(./font/Rubik/Rubik-Medium.woff2) format('woff2');
  }
  @font-face {
    font-family: 'Rubik-Regular';
    src: url(./font/Rubik/Rubik-Regular.eot);
    src: url(./font/Rubik/Rubik-Regular.eot?#iefix) format('embedded-opentype'),
         url(./font/Rubik/Rubik-Regular.otf) format('otf'),
         url(./font/Rubik/Rubik-Regular.svg#Rubik-Regular) format('svg'),
         url(./font/Rubik/Rubik-Regular.ttf) format('truetype'),
         url(./font/Rubik/Rubik-Regular.woff) format('woff'),
         url(./font/Rubik/Rubik-Regular.woff2) format('woff2');
  }