@font-face {
  font-family: 'ClearSans-regular';
  src: url('../fonts/EOT/ClearSans-Regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/EOT/ClearSans-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/woff/ClearSans-Regular.woff') format('woff2'), /* Super Modern Browsers */
       url('../fonts/woff/ClearSans-Regular.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/ttf/ClearSans-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/ttf/ClearSans-Regular.svg#ClearSans-Regular') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'ClearSans-bold';
  src: url('../fonts/EOT/ClearSans-Bold.eot'); /* IE9 Compat Modes */
  src: url('../fonts/EOT/ClearSans-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/woff/ClearSans-Bold.woff') format('woff2'), /* Super Modern Browsers */
       url('../fonts/woff/ClearSans-Bold.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/ttf/ClearSans-Bold.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/ttf/ClearSans-Bold.svg#ClearSans-Bold') format('svg'); /* Legacy iOS */
}