body { background-color: #FFF !important; }

.headline {
	font-family: 'ArtHouseBold', sans-serif;
	font-size: 24px;
	color: #191919;
	margin-bottom: 10px;
}

.subhead {
	font-family: 'ArtHouseMed', sans-serif;
	font-size: 17px;
	color: #999;
	margin-bottom: 10px;
	line-height: 1.4em;
}

p {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 17px;
	color: #191919;
}

.credits {
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	color: #666;
	margin-top: 10px;
	line-height: 1.5em;
}

button {
	font-family: 'ArtHouseMed', sans-serif;
	font-size: 17px;
}


@media (max-width: 900px ) {

}

@media (max-width: 500px ) {
	.headline {
		font-size: 20px;
	}
	.subhead {
		font-size: 16px;
	}
	p {
		font-size: 16px;
	}
	.credits {
		font-size: 12px;
	}

}

.labels {
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
}

.pad {
    padding: 5px;
  }

.grid path {
      stroke-width: 0;
}

line {
	stroke: #eee;
}

text {
	fill: #7b7b7b;
	font-size: 12px;
}

@media screen 
  and (min-width: 700px) {
	text {
		font-size: 9px;
	}
}

.legend {
	font-family: 'Roboto', sans-serif;
}