@font-face {
    font-family: 'Articulat CF';
    font-style: normal;
    font-weight: 100;
    src: url('./articulat-cf/articulat-cf-thin.otf'); /* IE9 Compat Modes */
    src: local(''),
         url('./articulat-cf/articulat-cf-thin.otf') format("opentype");
  }
  
  @font-face {
    font-family: 'Articulat CF';
    font-style: normal;
    font-weight: 300;
    src: url('./articulat-cf/articulat-cf-light.otf'); /* IE9 Compat Modes */
    src: local(''),
         url('./articulat-cf/articulat-cf-light.otf') format("opentype");
  }
  
  @font-face {
    font-family: 'Articulat CF';
    font-style: normal;
    font-weight: 400;
    src: url('./articulat-cf/articulat-cf-regular.otf'); /* IE9 Compat Modes */
    src: local(''),
         url('./articulat-cf/articulat-cf-regular.otf') format("opentype");
  }
  
  @font-face {
    font-family: 'Articulat CF';
    font-style: normal;
    font-weight: 500;
    src: url('./articulat-cf/articulat-cf-medium.otf'); /* IE9 Compat Modes */
    src: local(''),
         url('./articulat-cf/articulat-cf-medium.otf') format("opentype");
  }
  
  @font-face {
    font-family: 'Articulat CF';
    font-style: normal;
    font-weight: 600;
    src: url('./articulat-cf/articulat-cf-bold.otf'); /* IE9 Compat Modes */
    src: local(''),
         url('./articulat-cf/articulat-cf-bold.otf') format("opentype");
  }