.ct-fill-rect {
  fill: #eee;
}

.ct-chart-title {
	float:left;
	width:100%;
	margin:0;
	background-color:#f6f6f6;
	text-align:center;
	padding:10px 0 0 0;
	font-size:1.3em;
	font-weight:600;
}

/* chart */
.ct-chart {
	background-color:#f9f9f9;
	height:400px;	
	margin: auto;
	float:left;
	margin-bottom:20px;
}

.ct-chart .ct-label {
	font-family: "Open Sans",Verdana,sans-serif;
	font-size:11px;
}

/* axis labels */
.ct-chart .ct-label.ct-horizontal,
.ct-chart .ct-label.ct-vertical {
	color:#595651;
}

/* grid lines */
.ct-chart .ct-grid.ct-horizontal,
.ct-chart .ct-grid.ct-vertical {
	stroke: rgba(147,147,147,.5);
}

/* bar chart series colors */
.ct-chart .ct-series.ct-series-a .ct-bar {
	stroke: #56afe2;
}
.ct-chart .ct-series.ct-series-b .ct-bar  {
	stroke: #67be55;
}
.ct-chart .ct-series.ct-series-c .ct-bar {
	stroke: #fcb958;
}


@media screen and (min-width: 320px) and (max-width: 479px) {
	/*.ct-chart .ct-bar { stroke-width: 12px; }*/
	.ct-chart { height:200px; }
}
@media screen and (min-width: 480px) and (max-width: 719px) {
	/*.ct-chart .ct-bar { stroke-width: 25px; }*/
	.ct-chart { height:300px; }
}
@media screen and (min-width: 720px) {
	/*.ct-chart .ct-bar { stroke-width: 35px; }*/
	.ct-chart { height:400px; }
}