#resources {
		padding:75px 0;
		background:#000;
		text-align:center;
		color:#fff;
}

.row {
  display: flex;
}
@media only screen and (max-width: 775px) {
.row {
  display: block;
}
}
.col-md-3 {
  flex: 25%;
  padding: 5px;
}
.chart {
		position:relative;
		display:inline-block;
		width:150px;
		height:150px;
		margin-top:50px;
		margin-bottom:50px;
		text-align:center;
		
}

.chart canvas {
		position:absolute;
		top:0;
		left:0;
		margin-top:0px;
}

.chart2 {
		position:relative;
		display:inline-block;
		width:150px;
		height:150px;
		margin-top:50px;
		margin-bottom:50px;
		text-align:center;
		
}

.chart2 canvas {
		position:absolute;
		top:0;
		left:0;
		margin-top:0px;
}

.chart3 {
		position:relative;
		display:inline-block;
		width:150px;
		height:150px;
		margin-top:50px;
		margin-bottom:50px;
		text-align:center;
		
}

.chart3 canvas {
		position:absolute;
		top:0;
		left:0;
		margin-top:0px;
}

.percent {
		display:inline-block;
		line-height:150px;
		z-index:2;
		
}

.percent:after {
		content:'%';
		margin-left:.1em;
		font-size:.8em;
}
.watt {
		display:inline-block;
		line-height:150px;
		z-index:2;
		
}

.watt:after {
		content:'kW';
		margin-left:.1em;
		font-size:.8em;
}
.BTU {
		display:inline-block;
		line-height:150px;
		z-index:2;
		
}

.BTU:after {
		content:'kBTU/h';
		margin-left:.1em;
		font-size:.8em;
}
.TB {
		display:inline-block;
		line-height:150px;
		z-index:2;
}

.TB:after {
		content:'TB';
		margin-left:.1em;
		font-size:.8em;
}

.GB {
		display:inline-block;
		line-height:150px;
		z-index:2;
}

.GB:after {
		content:'GB';
		margin-left:.1em;
		font-size:.8em;
}