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;
}
h2 {
	font-family: 'Guardian Egyptian Web';
	font-weight: 500;
	margin: 10px 0;
	max-width: 90%;
}

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

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;
}
h5 {
  margin: 25;
/*  font-size: 16px;*/
}

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;*/
}
.chart-title {
	font-weight: 700;
	text-anchor: middle;
	font-size: 16px;
	max-width: 95%;
}
.axis path,
.axis line {
    fill: none;
    stroke: #bdbdbd;
    stroke-width: 1;
    shape-rendering: crispEdges;
}
.axis text {
	font-family: 'Guardian Text Sans Web', Helvetica, sans-serif;
	font-size: 12px;
	fill: #bdbdbd;
}
.line {
  fill: none;
  stroke-width: 3px;
  stroke: #666;
}
.gia-source {
    border-top: 1px solid #ccc;
    margin-top: 25px;
    margin-bottom: 25px;
    color: #bdbdbd;
    padding: 3px 0;
    font-size: 12px;
    font-family: 'Guardian Text Sans Web',Arial,sans-serif;
}
.democrat-Very {
	stroke: #005689;
}
.democrat-Unfave {
	stroke: #005689;
	opacity: 0.2;
}
.rep-Very {
	stroke: #d61d00;
}
.rep-Unfave {
	stroke: #d61d00;
	opacity: 0.2;
}
.legend {
	  height: 14px;
	  width: 14px;
	  float: left;
	  margin-right: 5px;
}
.legend-text{
	float: left;
	margin-right: 10px;
	font-family: 'Guardian Text Sans Web',Arial,sans-serif;
	font-size: 14px;
}
.unfav-rep{
	background-color: #d61d00;
	opacity: 0.2;
}
.unfave-dem{
	background-color: #005689;
	opacity: 0.2;
}
.v-unfave-dem{
	background-color: #005689;
}
.v-unfav-rep{
	background-color: #d61d00;
}
/*.gia-chart-wrapper {
	border-top: 2px solid #4bc6df;
	max-width: 960px;
}*/
.g-chart-container {
	width: calc(50% - 20px);
	width: 50%;
	display: inline-block;
}
/*.g-chart-container.rep {
	padding-right: 20px;
}
.g-chart-container.dem {
	padding-left: 20px;
}*/
.legend-box:before,
.legend-box:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.legend-box:after {
    clear: both;
}
.legend-box-dem:before,
.legend-box-dem:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.legend-box-dem:after {
    clear: both;
}
.legend-box,
.legend-box-dem {
	margin-bottom: 10px;
}


@media (max-width: 500px) {
  .g-chart-container {
    width: 100%;
    /*margin: 30px;*/
    /*align: left;*/
  }
  .g-chart-container.rep,
	.g-chart-container.dem {
		padding-left: 0;
	}
  .chart-title {
    margin-top: 10px;
  }
}