body {
	font-family: 'Guardian Text Egyptian Web';
	font-size: 16px;
	line-height: 1.4;
	display: block;
	margin: 0;
	padding: 0;
	color: #333;
	-webkit-font-smoothing: antialiased;
}

a, a:link, a:visited {
	text-decoration: none;
	color: #005689;
}

a:hover {
	text-decoration: underline;
}

h1, h2, h3, h4, h5, h6, strong, b {
	font-family: 'Guardian Egyptian Web';
	font-weight: 500;
	margin-top: 10px;
}

h3 {
	font-family: 'Guardian Egyptian Web', Georgia;
	font-size: 28px;
	font-weight: 700;
	line-height: 32px;

	margin: 0 75px 0 0;
	padding: 10px 0 0 0;
}

p {
	font-family: 'Guardian Text Sans Web', Helvetica, sans-serif;
	font-size: 14px;
}

.gia-chart-wrapper {
	border-top: 2px solid #4bc6df;
	max-width: 800px;
	/*margin: 10px;*/
}

.axis path,
.axis line {
    fill: none;
    stroke: #bdbdbd;
    stroke-width: 1;
    shape-rendering: crispEdges;
}
.line {
  fill: none;
  stroke: #666;
  stroke-width: 1.5px;
}

.republican {
  stroke: #d61d00;
}

.democrat {
  stroke: #214583;
}

.republican-area{
  fill: #d61d00;
}
.democrat-area{
  fill: #214583;
}
.area {
  opacity: 0.2;
}
.median-label {
  font-size: 12px;
  font-family: 'Guardian Text Sans Web';
}

.tick-text {
	font-size: 12px;
	font-family: 'Guardian Text Sans Web';
	fill: #bdbdbd;
}
.tick-liberal {
	text-anchor: start;
}
.tick-conservative-1 {
	text-anchor: end;
}
.tick-conservative-2 {
	text-anchor: end;
}
.gia-source {
	border-top: 1px solid #ccc;
	margin-top: 25px;
	color: #bdbdbd;
	padding: 3px 0;
	font-size: 12px;
	font-family: 'Guardian Text Sans Web',Arial,sans-serif;
}
.chartbox {
	width: 33.333%;
    display: inline-block;
    margin: 0;
    position: relative;
}
.year-label {
	font-family: 'Guardian Egyptian Web', Georgia, serif;
	font-weight: 800;
	font-size: 16px;
	position: absolute;
}
.line-median {
	stroke-width: 1.5px;
}
g.tick {
    display: none;
}

svg {
	margin-top: 10px;
}
@media screen and (max-width: 520px) {
	.chartbox {
		width:100%;   
	}
}