.titlebox h1 {
	
	font-size:18pt;
	font-weight: 400;
	margin: 0;
	font-weight: 600;
	font-family: "Lyon Display", serif;
}


.titlebox h2 {
	margin: 0;
	font-size: 13pt;
	font-weight: 400;
	font-family: "Lyon Text", serif;
	margin: 15px auto;
	line-height: 1.4em;
	width: 100%;
	max-width: 700px;
	
}

.titlebox.center {
	text-align: center;
}

.legend {
	width: 90%;
	max-width: 350px;
	margin: 0px auto 15px;
	font-family: "Proxima Nova";
	font-size: 10pt;
	vertical-align: middle;
}

.legendEntry {
	display: inline-block;
	margin-right: 10px;
}

	.legendEntry:last-child {
		margin-right: 0;
	}

.redLine, .grayLine {
	background-color: #EE2A24;
	width: 20px;
	height: 5px;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
}

.grayLine {
	background-color: black;
	opacity: .075;
}

.legendEntry .label {
	width: 125px;
	display: inline-block;
	vertical-align: middle;
}

.chart {
	position: relative;
	width: 80%;
	height: 400px;
	margin: auto;
	font-family: Proxima Nova, sans-serif;
}

.chart .axis {
	font-family: Rajdhani, sans-serif;
}

.axis path {
	fill: none;
	stroke: black;
	stroke-width: 1;
	shape-rendering: crispEdges;
}

.line {
	fill: none;
	stroke: #EE2A24;
	stroke-width: 2px;
}

	.straight.line{
		stroke: black;
		stroke-width: 1;
		stroke-dasharray: 2;
	}

.minMax {
	stroke: black;
	stroke-width:10px;
	opacity: .075;
}

.textbox {
	position: absolute;
	width: 150px;
	font-size: 10pt;

}

.indicator {
	stroke: #999;
	stroke-width: 1px;
}

#arrow {
	fill: #999;
}

.chart .label {
	font-family: "Proxima Nova", sans-serif;
	font-weight: 600;
}