@font-face {
  font-family: 'chronicle deck';
  src: url('../fonts/chronicledeck-roman.eot');
  src: url('../fonts/chronicledeck-roman.eot?#iefix') format('embedded-opentype'), url('../fonts/chronicledeck-roman.woff') format('woff'), url('../fonts/chronicledeck-roman.ttf') format('truetype'), url('../fonts/chronicledeck-roman.svg#chronicledeck-roman') format('svg');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'chronicle deck';
  src: url('../fonts/chronicledeck-bold.eot');
  src: url('../fonts/chronicledeck-bold.eot?#iefix') format('embedded-opentype'), url('../fonts/chronicledeck-bold.woff') format('woff'), url('../fonts/chronicledeck-bold.ttf') format('truetype'), url('../fonts/chronicledeck-bold.svg#chronicledeck-bold') format('svg');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'chronicle deck';
  src: url('../fonts/chronicledeck-bolditalic.eot');
  src: url('../fonts/chronicledeck-bolditalic.eot?#iefix') format('embedded-opentype'), url('../fonts/chronicledeck-bolditalic.woff') format('woff'), url('../fonts/chronicledeck-bolditalic.ttf') format('truetype'), url('../fonts/chronicledeck-bolditalic.svg#chronicledeck-bolditalic') format('svg');
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: 'knockout';
  src: url('../fonts/knockout-48.eot');
  src: url('../fonts/knockout-48.eot?#iefix') format('embedded-opentype'), url('../fonts/knockout-48.woff') format('woff'), url('../fonts/knockout-48.ttf') format('truetype'), url('../fonts/knockout-48.svg#knockout-48') format('svg');
  font-weight: 700;
  font-style: normal;
}