body {
    font-size: 1.2em;
    line-height: 1.5;
}

h1 {
  font-family: "bebas-neue-1","bebas-neue-2","Helvetica Narrow","Helvetica Condensed","Arial Narrow",Helvetica,sans-serif;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #333;
  }

.wf-loading h1 {
	visibility: hidden;
}
 h2, h3, h4, h5 {
 	font-size: 1em;
 	font-family: "courier-prime-1","courier-prime-2",Courier,Monaco,monospace;
 	color: #333;
 }

 h2 {
 	border-bottom: 2px solid #333333;
 	text-transform: uppercase;
 	font-weight: normal;
 	letter-spacing: 0.25em;
 	margin-top: 2em;
 }

 h3 {
 	margin: 1em 0 0 0;
 }

 h2 u {
 	text-decoration: none;
    border-bottom: 4px solid black;
 }

 p, ul, li {
 	font-family: "courier-prime-1","courier-prime-2",Courier,Monaco,monospace;
 }

 p {
 	margin-bottom: 0;
 }

 ul {
 	margin: 0px 0px 0px 0px;
 	padding: 0px 0px 0px 0px;
 	width: 100%;
 	list-style-type: none;
 }

 li {
 	border: 0px solid #333;
 	margin: 3px 0px 3px 0px;
 	padding: 3px 0px 3px 0px;
 }

 img {
 	max-width: 100%;
 	filter: grayscale(100%) contrast(300%);
	-webkit-filter: grayscale(100%) contrast(300%);
	-moz-filter: grayscale(100%) contrast(300%);
	-ms-filter: grayscale(100%) contrast(300%);
	-o-filter: grayscale(100%) contrast(300%);

 }

 a {
 	border-bottom: .1em dashed #333;
 	text-decoration: none;
 	color: #333;
 }

 big {
 	font-size: 6em;
	font-family: "courier-prime-1","courier-prime-2",Courier,Monaco,monospace;
	font-weight: bold;
	line-height: 1;
	text-rendering: optimizeLegibility;
 }


#wrapper {
	color: #333333;
}

#mainContent {
	max-width: 30em;
	margin: 0px auto 0px auto;
	padding: 0px 10px 0px 10px;
}

#mainContent p {

}

.info-section .chart {
	height: 150px;
}

#rdio-info ul li {
	float:left;
	width: 30%;
	margin-right: 1%;
	margin-left: 1%;
	padding: 0px; 
}
#rdio-info ul li ul li{
	clear: both;
	width: 100%;
	padding: 0px;
	margin: 0px 0px 0.5em 0px;
	line-height: 1em;
}

.chart svg path.dataline {
	fill: none;
	stroke: #333333;
	stroke-width: 3px;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.chart svg g.axis path {
	fill: none;
}

.chart svg g.axis line {
	stroke: #333333;
	stroke-dasharray: 5,5;
	shape-rendering: crispEdges;
}

.chart svg g.axis text {
	text-anchor: start;
	fill: #333333;
}

.chart svg g text {
	font-family: "courier-prime-1","courier-prime-2",Courier,Monaco,monospace;
}

.chart svg rect.chartbounds {
	fill: none;
	stroke: #333333;
	stroke-width: 2px;
}

@media only screen and (max-width: 481px) {
	body {
    font-size: 1em;
    line-height: 1.5;
}
}