* {margin: 0; padding: 0; border: 0; vertical-align: baseline; list-style: none; text-decoration: none;}

article {width: 695px; padding: 10px 30px; font: 12px/18px Arial, Helvetica, sans-serif; color: #7a7b7e;}

#container {width: 755px; height: 900px; background: url("chartist-may-2016.jpg") no-repeat 75px 0;}
#container ul.locations {position: absolute; width: 150px; margin: -845px 0 0 590px;}
#container ul.locations li {font: 14px/18px Arial, Helvetica, sans-serif; color: #09d;}
#container ul.locations li:nth-child(n+13) {font-size: 12px}
#container ul.locations li:nth-of-type(2) {margin-top: 15px;}
#container ul.locations li:nth-of-type(3) {margin-top: 70px;}
#container ul.locations li:nth-of-type(4) {margin-top: 5px;}
#container ul.locations li:nth-of-type(6) {margin-top: 15px;}
#container ul.locations li:nth-of-type(7) {margin-top: 50px;}
#container ul.locations li:nth-of-type(9) {margin-top: 10px;}
#container ul.locations li:nth-of-type(10) {margin-top: 20px;}
#container ul.locations li:nth-of-type(12) {margin-top: 15px;}
#container ul.locations li:nth-of-type(13) {margin-top: 15px;}
#container ul.locations li:nth-of-type(32) {margin-top: 20px;}
#container ul.locations li {cursor: pointer;}
#container ul.locations li a:hover, #container ul.locations li a b:hover {color: #c00;}
#container ul.locations li b {color: #1a1b1e;}
#container ul.locations li strong {display: none;}
#container ul.locations li:nth-of-type(1) strong {margin: -5px 0 0 -201px;}
#container ul.locations li:nth-of-type(2) strong {margin: -5px 0 0 -246px;}
#container ul.locations li:nth-of-type(3) strong {margin: -2px 0 0 -231px;}
#container ul.locations li:nth-of-type(4) strong {margin: 0 0 0 -231px;}
#container ul.locations li:nth-of-type(5) strong {margin: -11px 0 0 -236px;}
#container ul.locations li:nth-of-type(6) strong {margin: -4px 0 0 -204px;}
#container ul.locations li:nth-of-type(7) strong {margin: 1px 0 0 -185px;}
#container ul.locations li:nth-of-type(8) strong {margin: -8px 0 0 -153px;}
#container ul.locations li:nth-of-type(9) strong {margin: -4px 0 0 -216px;}
#container ul.locations li:nth-of-type(10) strong {margin: -2px 0 0 -210px;}
#container ul.locations li:nth-of-type(11) strong {margin: -9px 0 0 -203px;}
#container ul.locations li:nth-of-type(12) strong {margin: -5px 0 0 -211px;}
#container ul.locations li:nth-of-type(13) strong {margin: 14px 0 0 -151px;}
#container ul.locations li:nth-of-type(14) strong {margin: 20px 0 0 -143px;}
#container ul.locations li:nth-of-type(15) strong {margin: 11px 0 0 -187px;}
#container ul.locations li:nth-of-type(16) strong {margin: 11px 0 0 -170px;}
#container ul.locations li:nth-of-type(17) strong {margin: 2px 0 0 -162px;}
#container ul.locations li:nth-of-type(18) strong {margin: 25px 0 0 -155px;}
#container ul.locations li:nth-of-type(19) strong {margin: 11px 0 0 -170px;}
#container ul.locations li:nth-of-type(20) strong {margin: -6px 0 0 -143px;}
#container ul.locations li:nth-of-type(21) strong {margin: -22px 0 0 -156px;}
#container ul.locations li:nth-of-type(22) strong {margin: -39px 0 0 -213px;}
#container ul.locations li:nth-of-type(23) strong {margin: -30px 0 0 -172px;}
#container ul.locations li:nth-of-type(24) strong {margin: -32px 0 0 -162px;}
#container ul.locations li:nth-of-type(25) strong {margin: -45px 0 0 -148px;}
#container ul.locations li:nth-of-type(26) strong {margin: -44px 0 0 -124px;}
#container ul.locations li:nth-of-type(27) strong {margin: -60px 0 0 -136px;}
#container ul.locations li:nth-of-type(28) strong {margin: -75px 0 0 -140px;}
#container ul.locations li:nth-of-type(29) strong {margin: -92px 0 0 -146px;}
#container ul.locations li:nth-of-type(30) strong {margin: -75px 0 0 -144px;}
#container ul.locations li:nth-of-type(31) strong {margin: -73px 0 0 -149px;}
#container ul.locations li:nth-of-type(32) strong {margin: -7px 0 0 -156px;}
#container ul.locations li:hover strong {display: inline-block; position: absolute; z-index: 99; padding: 5px 10px; text-align: right; font-size: 14px; color: #fafbfe; background: #0a0b0e; border-radius: 3px;}
#container ul.x-axis, #container ul.y-axis {font: 13px/16px 'Abel', Arial, Helvetica, sans-serif; color: #1a1b1e;}
#container ul.x-axis {margin: -8px 0 0 35px;}
#container ul.x-axis li {float: left; width: 35px; margin-left: 41px; text-align: center;}
#container ul.y-axis {width: 70px; padding-top: 12px; text-align: right;}
#container ul.y-axis li {margin-bottom: 25px;}

footer {clear: both; width: 755px; padding: 10px 0 20px; text-align: center; color: #babbbe; font: 11px/16px Arial, Helvetica, sans-serif;}
footer a {color: #7a7b7e;}
footer a:hover, #container footer a:focus {color: #c00;}

h1 {padding: 15px 0 20px 30px; color: #1a1b1e; font: 30px/36px 'Abel', sans-serif;}

table {display: none;}

@media only screen and (max-width: 480px) {
	article {width: 300px; padding: 10px; color: #1a1b1e;}
	#container {display: none;}
	footer {width: 320px; color: #1a1b1e;}
	footer a {color: #63b8ff;}
	h1 {width: 320px; padding: 10px; font-size: 16px; line-height: 20px; text-transform: uppercase;}
	table {display: inline-block; width: 320px; font: 12px/22px Arial, Helvetica, sans-serif;}
	table tr:nth-child(odd) {background: #eaebee;}
	table tr:nth-child(even) td {border-right: 1px dotted #cacbce;}
	table tr:nth-child(odd) td:nth-of-type(3) {background: #c6e2ff;}
	table tr:nth-child(even) td:nth-of-type(3) {background: #f0f8ff;}
	table tr td:nth-of-type(1) {width: 230px; padding-left: 10px;}
	table tr td:nth-child(n+2) {text-align: right; width: 50px; padding-right: 10px;}
	table tr th {padding: 5px 0; font: 16px/20px 'Abel', Arial, Helvetica, sans-serif; text-transform: uppercase; background: #1a1b1e; color: #fff;}
	table tr th:nth-of-type(1) {padding-left: 10px; text-align: left; white-space: nowrap; overflow: hidden;}
	table tr th:nth-of-type(n+2) {text-align: center;}
	table tr th:nth-of-type(3) {color: #87cefa;}
	table tr th:nth-of-type(4) {font-size: 12px;}
}