body { 
	background-color: light-dark(rgb(255, 255, 255), rgb(12, 12, 12)); 
}

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

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

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

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

.vizTitle {
  font-family: "Arthouse", sans-serif;
  font-weight: 700;
  font-size: 23px !important;
  padding-top: 10px !important;
  border-top: 1px dotted #CCC !important;
  margin-bottom: 10px !important;
  color: #333 !important;
}

.vizBlurb {
  font-family: "Arthouse", sans-serif;
  
  font-size: 16px !important;
  line-height: 1.4em !important;
  margin-bottom: 10px !important;
  color: #767676 !important;
}

.vizFoot {
  font-family: 'Roboto', sans-serif !important;
  font-weight: 400 !important;
  font-size: 12px !important;
  line-height: 1.5em !important;
  padding-bottom: 10px!important;
  border-bottom: 1px dotted #CCC !important;
  color: #999 !important;
}


@media (max-width: 900px ) {

}

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

}