@font-face {
  font-family: "circular";
  src: url('fonts/cs-bla-webfont.eot'); /* IE9 Compat Modes */
  src: url('fonts/cs-bla-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       /* url('webfont.woff2') format('woff2'), Super Modern Browsers */
       url("fonts/cs-bla-webfont.woff") format("woff"), /* Pretty Modern Browsers */
       url('fonts/cs-bla-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/cs-bla-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "circular";
  src: url('fonts/cs-reg-webfont.eot'); /* IE9 Compat Modes */
  src: url('fonts/cs-reg-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       /* url('webfont.woff2') format('woff2'), Super Modern Browsers */
       url("fonts/cs-reg-webfont.woff") format("woff"), /* Pretty Modern Browsers */
       url('fonts/cs-reg-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/cs-reg-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "circular";
  src: url('fonts/cs-med-webfont.eot'); /* IE9 Compat Modes */
  src: url('fonts/cs-med-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       /* url('webfont.woff2') format('woff2'), Super Modern Browsers */
       url("fonts/cs-med-webfont.woff") format("woff"), /* Pretty Modern Browsers */
       url('fonts/cs-med-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/cs-med-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
  font-weight: 500;
  font-style: normal;
}