@font-face {
			  font-family: 'VT323';
			  font-style: normal;
			  font-weight: 400;
			  src: local('VT323'), local('VT323-Regular'), url(../fonts/VT323-Regular.ttf) format('woff');
			}


			p { margin:0; }

			h1 {
		    font-family: "Guardian Egyptian Web",Georgia,serif;
		    font-size: 32px;
		    font-weight: normal;
		    color: black;
		    line-height: 38px;
			}

			h2 {
		    font-family: "Guardian Egyptian Web",Georgia,serif;
		    font-size: 1.2rem;
		    font-weight: normal;
		    color: black;
		    font-weight:900;
			}

			.faq {
			font-size:1rem;
			color:#767676;
			font-family:'Guardian Text Sans Web', 'Agate Sans', sans-serif;
			}


			.summaryText {
			    color: #767676;
			    font-family:'Guardian Text Sans Web', 'Agate Sans', sans-serif;
			    font-size: 1rem;
			}

			#loading {
				font-family: "Guardian Egyptian Web",Georgia,serif;
				font-size:1.1rem;
				color:#000;
			}

			.byline {
				color: #767676;
				font-weight:bold;
			}

			.predictotron {
				font-family:'VT323';
				margin-top:2em;
				width:200px;
				height:100px;
				position: relative;
				background: url(../img/predictotron-large.gif) no-repeat center center;
			}

			.predictotronText {
				position: absolute;
				width: 200px;
				top:21px;
			}

			.predictText {
				font-size:1.2rem;
			}

			#winnerText {
				font-size:1.5rem;
				color:blue;
			}

			#mega-turnbull {
				width:100%;
				height:2000px;
				position: absolute;
				background-image: url("../img/turnbull-small.gif");
    			background-repeat: repeat;
			}

		/*	.winnerWrapper {
				padding-left:10%;
				padding-right:10%;
			}*/
			.timestampSocial {
			font-size:0.8rem;
			line-height:32px;
			color:#767676;
			font-family:'Guardian Text Sans Web', 'Agate Sans', sans-serif;
			}

			.btns-share .btn-tt {
    		background: #bdbdbd url(../img/twitterIcon.svg) no-repeat center center;
			}
			.btns-share .btn-tt:hover {
				background-color: #03b3ee;
			}
		
			.btns-share .btn-fb {
    			background: #bdbdbd url(../img/facebookIcon.svg) no-repeat center center;
			}

			.btns-share .btn-fb:hover {
			    background-color: #3067a3;
			}
			.btns-share button {
			    color: #fff;
			    width: 32px;
			    height: 32px;
			    border: none;
			    border-radius: 9000px;
			    display: inline-block;
			    vertical-align: top;
			    cursor: pointer;
			    outline: none;
			    -webkit-appearance: button;
			    text-transform: none;
			    overflow: visible;
			    -webkit-font-smoothing: antialiased;
			    margin: 0;
			}

			#outer-wrapper{
				max-width: 1300px;
				position: relative;
			}

			g.brush>.resize {
			    display: none;
			}

			.brush .background {
				display: none;
			}

			.keyText {
				font-size:0.8rem;
			}

			#graphContainer {
				margin-bottom:5px;
			}

			text.keyText {
				fill:#767676;
			}

			#ausMap {
				cursor: move;
			}

			.state {
				fill:#FAFAFA;
				fill-opacity: 1;
				stroke: #bfbfbf;
				stroke-width:1px;

			}

			.area {
				pointer-events:none;
			}

			.greyedOut {
			background-color: #bdbdbd !important;
			}

			.brush .extent {
			  stroke: #fff;
			  fill-opacity: .125;
			  shape-rendering: crispEdges;
			}

			.graticule {
				fill: none;
				stroke: #efefef;
				stroke-width: .5px;
				stroke-opacity:1;
			}


			.circle {
				fill-opacity:.5;
				stroke-opacity:.5;
				stroke:grey;
				cursor:default;
			}

			.keyCircle {
				stroke-width:.5px;
				stroke:grey;
			}
			.dot:hover {

      		stroke: #000;
      		stroke-width:1px;
   			
   			}

   			#mapKey {
   				position: absolute;
   				right:0;
   				bottom:50px;
   				background-color:rgba(255, 255, 255, 0.5);
   				color:#767676;
   				text-align: right;
   				pointer-events:none;
   			}

   			#lockoutKey {
   				position: absolute;
   				right:0;
   				bottom:0;
   				background-color:rgba(255, 255, 255, 0.5);
   				color:#767676;
   				text-align: right;
   				pointer-events:none;
   			}   

   		/*	#controls {
   				position: absolute;
   				right:2%;
   				top:2%;
   				color:#767676;
   			}*/

   			.graticule {
				fill: none;
				stroke: #efefef;
				stroke-width: .5px;
				stroke-opacity:1;
			}

			#mapContainer {
				position: relative; 
				width:100%;
			}

			.placeText {
				fill:#767676;
			}

			#slider {
				width:96%;
				margin-left:2%;
				margin-right:2%; 
				display: inline-block;
				margin-top:20px;
			}

			.weekWrapper {
				display: inline-block;
			}

			#yearText {
				color: #7d0068;
				font-family: "Guardian Egyptian Headline",Georgia,serif;
				font-size: 3rem;
				font-weight: 200;
			}

			.graphSwitcher {
				display: inline-block;
				width:50%;
				margin-right: auto;
				margin-left: auto;
			}

			.bar.executions {
  			fill: red;
  			fill-opacity:0.5;
			}

			.bar.sentences {
  			fill: orange;
  			fill-opacity:0.5;
			}


			.axis path,
			.axis line {
			  fill: none;
			  stroke: #bfbfbf;
			  shape-rendering: crispEdges;
			}

			.axis text {
				fill:#767676;
			}

			.line {
			  fill: none;
			  stroke: #00456e;
			  stroke-width: 2px;
			}

			/*.line2 {
			fill: none;
			  stroke: #aad8f1;
			}*/

			.blink-div {
				font-size:5rem;
				margin-left:20%;
				margin-top:20%;
				font-family:"Comic Sans MS", cursive, sans-serif;
				color:red;
			}

			@media (max-width: 660px) {
			.blink-div {
				font-size:3rem;
				margin-left:5%;
				margin-top:10%;
				font-family:"Comic Sans MS", cursive, sans-serif;
				color:red;
			}
			}


			.caption {
			font-family: "Guardian Text Sans Web","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
			color: #767676;
			font-size:0.75em;
			margin-left:auto;
			margin-right:auto; 
			}

			#turnbull {
				background: transparent url(../img/turnbull-large-left.png) 0 0 no-repeat;
				width:130px;
				height:180px;
			}

			#shorten {
				background: transparent url(../img/shorten-large-right.png) 0 0 no-repeat;
				width:130px;
				height:180px;
			}

			.leftSprite {
				margin-left:10%;
			}

			@media (min-width: 980px) {
				h1 {
				font-size: 48px;
    			line-height: 54px;
				}
			}

			@media (min-width: 660px) {
			h1 {
   				 padding-top: 30px;
			}	
			}


			@media (max-width: 900px) {
			.headerText {
			padding: 10px 0 0;
			}
			#turnbull {
				background: transparent url(../img/turnbull-med-left.png) 0 0 no-repeat;
				width:90px;
				height:125px;
				}

			#shorten {
				background: transparent url(../img/shorten-med-right.png) 0 0 no-repeat;
				width:90px;
				height:135px;
			}

			.predictotron {
				width:150px;
				height:75px;
				background: url(../img/predictotron-med.gif) no-repeat center center;
			}

			.predictotronText {
				width: 150px;
				top:12px;
			}

			.predictText {
				font-size:1rem;
			}

			#winnerText {
				font-size:1.2rem;
			}
			}

			@media (max-width:600px) {

			html {
				font-size:80%;
			}	

			.headerText {
			padding: 10px 0 0;
			}
			#turnbull {
				background: transparent url(../img/turnbull-small-left.png) 0 0 no-repeat;
				width:65px;
				height:90px;
				}

			#shorten {
				background: transparent url(../img/shorten-small-right.png) 0 0 no-repeat;
				width:65px;
				height:90px;
			}

			.predictotron {
				width:100px;
				height:50px;
				background: url(../img/predictotron-small.gif) no-repeat center center;
			}

			.predictotronText {
				width: 100px;
				top:10px;
			}

			.predictText {
				font-size:0.8rem;
			}

			#winnerText {
				font-size:1rem;
			}	
			}