@font-face {
  font-family: 'FontAwesome';
  src:  url('../fonts/FontAwesome.otf')  format('opentype'),url('../fonts/FontAwesome.eot') format('embedded-opentype'), url(../fonts/FontAwesome.eot) format('woff'), url('../fonts/FontAwesome.ttf')  format('truetype'),url('../fonts/FontAwesome.svg#BrandonGrotesque-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'DIN-Regular';
  src:  url(../fonts/DIN-Regular.eot) format('woff'),url('../fonts/DIN-Regular.eot') format('embedded-opentype'):, url('../fonts/DIN-Regular.ttf')  format('truetype'), url('../fonts/-Regular.svg#DIN-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'ComicSansMS';
  src: url('../fonts/ComicSansMS.eot?#iefix') format('embedded-opentype'),  url('../fonts/ComicSansMS.woff') format('woff'), url('../fonts/ComicSansMS.ttf')  format('truetype'), url('../fonts/ComicSansMS.svg#ComicSansMS') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'ComicSansMS-Bold'; 
 src: url('../fonts/ComicSansMS-Bold.eot') format('embedded-opentype'), url('../fonts/ComicSansMS-Bold.ttf')  format('truetype'), url('../fonts/ComicSansMS-Bold.svg#ComicSansMS-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}