.chart-container {
	display: flex;
	height: 304px;
}
.chart-container.chart-spread {
	height: 500px;
}
.chart-box {
	min-width: 550px;
	border: 2px solid black;
}
.chart-box .chart {
	height: 100%;
}
.chart-spread .chart-box {
	width: 100%;
}
.pie-chart-pair {
	display: flex;
}
.pie-chart-pair .chart {
	min-width: 250px;
}
.pie-chart-pair .legend {
	min-width: 150px;
	font-size: 0.9em;
	display: flex;
}

.chart-container .chart-explain {
	color: black;
	text-transform: uppercase;
}
.chart-container .chart-explain h2, .chart-leadin h2 {
	color: black;
	border-bottom: 2px solid black;
}
.chart-container .chart-explain h2 {
	padding-left: 0.5em;
}
.chart-container .chart-explain p {
	padding-left: 0.5em;
}

/* Labels */
#RecommendationsChartTwo div div {
	background: rgba(255, 255, 255, 0.5);
 	display: inline-block;
 	padding: 2px !important;
}