@font-face {
  font-family: 'boon-300-webfont';
  src: url('boon-300-webfont.eot?#iefix') format('embedded-opentype'),  
  url('boon-300-webfont.woff') format('woff'), 
  url('boon-300-webfont.ttf')  format('truetype'), 
  url('boon-300-webfont.svg#boon-300-webfont') format('svg');
  font-weight: normal;
  font-style: normal;
}

ul.marquee {
	/* required styles */
	display: block;
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	position: relative;
	overflow: hidden;

	/* optional styles for appearance */
	width: 100%;
	height: 22px; /* height should be included to reserve visual space for the marquee */

	border: 0px solid #08084d;
}

ul.marquee li {
	/* required styles */
	position: absolute;
	top: -999em;
	left: 0;
	display: block;
	white-space: nowrap; /* keep all text on a single line */
	/* optional styles for appearance */
	font-size: 17px;
	margin-top: 3px;
	padding: 1px 3px;
	font-family: boon-300-webfont; 
}