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;
			}

			.chartTitle {
				color: #333333;
			}

			.subTitle {
				font-weight: normal;
				color: #767676;
			}

			.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;
			}

		
			.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;
			}

			
			.keyText {
				font-size:0.8rem;
			}

			.keyDiv {
				display: inline-block;
				margin-left:10px;
			}

			.keyDiv .keyCircle:first-of-type {
			    margin-left:0;
			}

			#graphicContainer {
				margin-bottom:5px;
				position: relative;
			}

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

			
			.card {
				display: inline-block;
				text-align: left;
				margin:0;
				width:18%;
				padding:0.5% 1%;
			}

			.card.highlight {
				background-color:#fdadba;
				color:#333333;
			}

			.graphicInner {
				margin-right: auto;
				margin-left: auto;
				text-align: center;
				width:98%;
			}

			.cardContainer {
				text-align: left;
				margin:0;
			}

			.key { 
				line-height:15px;
			}

			.keySquare {
			  width:12px;
			  height:12px;
			  display: inline-block;
			}

			.noStress {
			  background-color: #bdd7e7;
			}

			.watch {
			  background-color: #ffffb2;
			}

			.warning {
			   background-color: #fecc5c;
			}

			.alert1 {
			  background-color: #fd8d3c;
			}

			.alert2 {
			  background-color: #e31a1c;
			}

			.reef {
			  background-color: #000;
			}

			.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; 
			}

			@media (max-width: 460px) {
			.card {
				width:31%;
				padding:0.5% 1%;
			}
			}