.axis path,
.axis line {
  fill: none;
  stroke: #767676;
  shape-rendering: crispEdges;
}

.line {
	fill: none;
}

.x.axis path {
  display: none;
}

.x line {
	display: none;
}

#zoomButton {
	position: absolute;
	right:5%;
	top:5%;
}

.bar:hover {
	opacity:0.7;
} 

.tipText {
	font-size:0.9rem;
	color:#FFF;
	font-family:'Guardian Text Sans Web', 'Agate Sans', sans-serif;
}

.keyText {
	font-size:0.8rem;
}

.keyDiv {
	display: inline-block;
	margin-left:10px;
}

.keyDiv .keyCircle:first-of-type {
    margin-left:0;
}

.keyCircle {
	width:12px;
	height:12px;
	border-radius: 50%;
	display: inline-block;
}

@media (max-width: 750px) {

.chartSans {
font-size:0.7rem;
}

#zoomButton {
	position: absolute;
	right:5%;
	top:0;
}



}