/* apply a natural box layout model to all elements */
*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
 }


body {
	background: #004;
	}
	
h1, h2, h3, h4, h5, h6 {
	margin: 1.25em 0.2em 0 0;
	}
	
h1:first-of-type, h2:first-of-type, h3:first-of-type, h4:first-of-type, h5:first-of-type, h6:first-of-type {
	margin-top: 0;
	}
	
p {
	line-height: 1.5em;
	}

li {
	line-height: 1.4em;
	}

dl#gan-mn {
	margin-left: 2.5em;
	}
	
	dl#gan-mn dt {
		display: inline-block;
		text-indent: -1em;
		font-weight: bold;
		}

	dl#gan-mn dd {
		display: inline;
		margin-left: 0;
		padding-left: 0
		}


	dl#gan-mn dd:after {
		content:"\A\A";
  		white-space: pre-wrap; /* or pre-wrap */
		}

th, td {
	vertical-align: top;
	padding: 5px;
	font-size: 0.8em;
	}

tr {
	background: #f0f0f0;
	border: 1px solid #eee;
	}
	

tr:nth-of-type(odd) {
	background: #fff;
	}

#histogram tr, #histogram tr:nth-of-type(odd), #visualization tr, #visualization tr:nth-of-type(odd), #lm0-pie tr, #lm0-pie tr:nth-of-type(odd) {
	background: transparent;
	border: none;
	}

#histogram .flotr-axis-title-y1, #countryhistogram .flotr-axis-title-y1 {
  -webkit-transform: rotate(-90deg) translateY(30px); 
     -moz-transform: rotate(-90deg) translateY(30px); 
      -ms-transform: rotate(-90deg) translateY(30px); 
       -o-transform: rotate(-90deg) translateY(30px); 
          transform: rotate(-90deg) translateY(30px); 
          }

#histogram td, #visualization td { padding: 2px; }

#maps .flotr-grid-label {
	font-size: 0.8em;
	}

caption {
	font-weight: bold;
	text-align: left;
	padding-bottom: 5px;
	font-size: 0.9em;
	}

section {
	margin: 2em auto;
	width: auto;
	border: 1px solid #fff;
	}



#about #l-about a, #learn #l-learn a, 
#observe #l-observe a, #maps #l-maps a, 
#report #l-report a, #downloads #l-downloads a {
	color: #fef582;
	}

#results, #results tr, #results td, #results th {
	display: block;
	}

#results td, #results th {
	padding: 10px;
	}

#results {
	border: 1px solid #99c;
	font-size: 1.1em;
	}

#results tr {
	background: #fffcd4;
	border: none;
	}
	

#results tr:nth-of-type(odd) {
	background: #dff2fa;
	}

#results img {
	width: 100%;
	max-width: 375px;
	}
	
#results ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
	
#results li {
	margin: 0 0 0 0.5em;
	padding: 0;
	}


/* 
#maps #footer img {
	width: auto;
	}
 */

#wrapper {
	max-width: 1000px;
	margin: 0 auto;
	background: #fff;
	position: relative;
	}
	
#hero {
	z-index: 1;
	margin: 0 auto;
	position: relative;
	}

	#hero img {
		width: 100%;
		}

	#hero p {
		margin: -5px 0 0 0;
		padding: 1em;
		background: rgba(0, 0, 0, 0.5);
		color: #fff;
		}

#hero p a {
	color: #fff;
	}

#banner {
	position: absolute;
	z-index: 3;
	top: 0;
	margin: 0 auto;
	width: 100%;
	min-height: 70px;
	background-color: rgba(0, 0, 0, 1);
	color: white;
	}
	
	#home #banner {
		background-color: rgba(0, 0, 0, 0.5);
		}
	
	#banner img {
		margin: 0;
		width: 100%;
		max-width: 374px;
		}

	#banner img a {
		position: relative;
		z-index: 5;
		}
		
#primary, .sec {
/*	width: 50%;
	float: left; */
	max-width: 550px;
	padding: 1em;
	margin: 1px auto;
	}
	
	#primary img, .sec img {
		width: 100%;
		max-width: 500px;
		}
		
#nav {
	position: absolute;
	top: 45px;
	width: 100%;
	margin: 0 auto;
	padding-bottom:0.25em;
	color: #fff;
	margin: 0;
	}
	
	#nav ul {
		position: relative;
		z-index: 3;
		margin: 0;
		padding: 0;
		float: right;
		}

	#nav li {
		display: inline;
		list-style-type: none;
		margin: 0;
		padding-left: 0.25em;
		padding-right: 0.35em;
		font-size: 0.8em;
		}
	
	#nav a {
		color: #fff;
		text-decoration: none;
		}

	#subnav a {
		color: #2882a8;
		text-decoration: none;
		}

	#nav a:hover {
		text-shadow: 0px 0px 20px #34AADC, 0px 0px 20px #34AADC,
		 0px 0px 20px #34AADC;
		} 

#subnav a:hover {
		text-shadow: 0px 0px 10px #ffed00;
		} 

#subnav {
	clear: right;
	padding-top: 70px;
	position: relative;
	z-index: 2;
	}


#subnav ul {
		margin: 0;
		padding: 3px;
		float: right;
		background: #f9f9fc;
		border-left-width: 1px;
		border-left-color: #34AADC;
		border-left-style: solid;
		border-bottom-width: 1px;
		border-bottom-color: #34AADC;
		border-bottom-style: solid;
		border-bottom-left-radius: 5px;
		}

#subnav li {
		display: inline;
		list-style-type: none;
		margin: 0;
		padding-left: 0.75em;
		padding-right: 0.35em;
		font-size: 0.8em;
		}

#home #subnav {
	display: none;
	}

#postcards { clear: left; }

#magscale {
	width: 220px;
	float: right;
	margin: 0 1em;
	}
	
	#magscale img {
		width: 100%;
		}
		
	#magscale p {
		font-size: 0.8em;
		color: #666;
		}
		
	#magscale p:before {
		content: url(/images/MagScale_m.jpg);
		}

#map {
	clear: both;
	width: 100%;
	margin: 0;
	padding: 0;
	}
	
	#map iframe {
		width: 100%;
	height: 300px;
		}


		form#gan_app fieldset, #wrapper fieldset {
			border: none;
			}
			
			form#gan_app legend, #wrapper legend {
				color: #222229;
				font-size: 1.2em;
				font-weight: normal;
				margin-left: -10px;
				white-space: normal;
				}

			form#gan_app legend+p, #wrapper legend+p {
				margin-top: 0;
				}
				
				
			form#gan_app input:not([type=radio]),
			form#gan_app textarea {
				background: #eee;
				border: none;
				-moz-border-radius: 3px;
				-webkit-border-radius: 3px;
				-khtml-border-radius: 3px;
				border-radius: 3px;
				font: italic 0.8em Georgia, "Times New Roman", Times, serif;
				outline: none;
				padding: 5px;
				width: 110px;
				}

			body#maps form#gan_app input:not([type=radio]) {
				border: 1px solid #aaa;
				}


			form#gan_app button, #wrapper button {
				background: #4d4d5c;
				border: none;
				-moz-border-radius: 20px;
				-webkit-border-radius: 20px;
				-khtml-border-radius: 20px;
				border-radius: 20px;
				color: #ffffff;
				display: block;
				font: 14px Helvetica, sans-serif;
				letter-spacing: 1px;
				margin: auto;
				padding: 7px 25px;
				text-shadow: 0 1px 1px #000000;
				text-transform: uppercase;
				}
					
				form#gan_app button:hover, #wrapper button:hover {
					background: #1e2506;
					cursor: pointer;
					}

#ifrm {
	width: 260px;
	height: 300px;
	margin: 0 auto;
	border: none;

     -moz-box-shadow: 0px 0px 5px #334; 
  -webkit-box-shadow: 0px 0px 5px #334; 
          box-shadow: 0px 0px 5px #334; 
	}

#latlong {
	font-size: 0.8em;
	}

#visualization, #lm0-pie, #histogram, #time-series, #iTime-series, #countryhistogram, #langPie {
	width: 300px;
	height: 550px;
	margin: 0 auto;
	}



#mobile1, #mobile2, #mobile3 {
	width: 300px;
	height: 370px;
	margin: 5px auto;
	float: none;
	}




#histogram, #time-series, #iTime-series, #countryhistogram {
	height: 200px;
/* 
	margin-left: -60px;
 */
	}

#langPie {
	height: 350px;
	}



p.mapintro {
	width: 100%;
	margin: 0;
	padding: 0.8em 1.2em;
	background: #dedfc0;
	color: #000;
	clear: both;
	}

#content {
	position: relative;
	padding: 35px 1em 1em;
	}
	

p.credit {
	text-align: right;
	font-size: 0.6em;
	padding: 0;
	font-style: italic;
	}

#finder p.credit {
	margin: -22px 5px 0 0;
	}

#home p.credit {
	margin: 0;
	}

div.magfloat {
	width: 100%;
	max-width: 480px;
	padding: 5px;
	margin: 0 0 1em;
	float: left;
	}
	
	.magfloat p {
		margin: 0;
		padding: 0;
		font-size: 0.8em;
		text-align: center;
		}

	.magfloat img {
		width: 100%;
		}

	
#finder {
	float: left;
	margin-bottom: 1em;
	}

	#finder img {
		width: 100%;
		}

.cgroup {
	border: 1px solid #34AADC;
	border-radius: 10px;
	margin: 10px 5px;
	padding: 5px 15px;
	background: #f9f9fc;
	}
	
	.cgroup p, .cgroup ul, .cgroup li {
		padding: 2px;
		margin: 5px;
		}
		
	.cgroup ul {
		margin-left: 0.75em;
		}

	.cgroup p {
		font-size: 1.1em;
		line-height: 1em;
		}
		
		.engname {
			color: #999;
			font-size: 0.8em;
			}

.data-year {
	float: left;
	width: 25%;
	margin-top: 1em;
	min-width: 200px;
	}

#footer {
	width: 100%;
	margin: 0;
	padding: 1em;
	background: #000;
	color: #ccc;
	clear: both;
	}
	
	#footer p {
		font-size: 0.8em;
		margin: 0;
		padding: 0;
		}

#footer .logos {
	float: left;
	margin: 0 1em 0.5em;
	}
	
	#footer a {
		font-weight: bold;
		color: #eee;
		text-decoration: none;
		}
		
		#footer a:hover {
			background: #444;
			}

#myth img {
	margin: 0;
	width: 100%;
	max-width: 500px;
	}

#myth #myth-links img {
	float: none;
	width: 80px;
	margin: 0;
	}
	
#myth #myth-links p {
	float: left;
	width: 96px;
	text-align: center;
	}


#myth-links {
	clear: both;
	}

#dates h4 {
	font-size: 1.1em;
	margin-top: 1em;
	}

#dates p, #dates h4 {
	clear: left;
	line-height: 1.2;
	}
	
#dates p a {
	font-size: 1.4em;
	line-height: 1.4em;
	}

#dates img {
	width: 75px;
	float: left;
	margin: 0 0.5em 1em;
	}

#newdates h4 {
	font-size: 1.1em;
	margin-top: 1em;
	}

#newdates p, #newdates h4 {
	clear: left;
	}

#newdates p strong {
	font-size: 1.3em;
}
	
#newdates p a {
	display: block;
	float: left;
	text-align: center;
	margin-bottom: 2em;
}

#newdates img {
	width: 75px;
	float: left;
	margin: 0 0.5em;
	}

.hilite {
	text-shadow: 0px 0px 14px yellow;
}

ul.fl {
	margin: 0;
	}

ul.fl:last-of-type {
	margin-bottom: 1em;
	}

#resultsmap {
	width: 100%;
	max-width: 766px;
	}

#sponsor-graphs p {
	margin-left: 25%;
	}
	
#sponsor-graphs img {
	width: 20%;
	max-width: 200px;
	float: left;
	}
	

.angle1, .angle2, .angle3, .angle4, .angle5 {
	margin: 15px 10px -15px;
	}

.angle1 {
	  -moz-transform: rotate(2deg);
  -webkit-transform: rotate(2deg);
  -o-transform: rotate(2deg);
  transform: rotate(2deg);
  padding-left: 7px;
  padding-right: 7px;
  opacity: 0.9;
	}
	
.angle2 {
	  -moz-transform: rotate(4deg);
  -webkit-transform: rotate(4deg);
  -o-transform: rotate(4deg);
  transform: rotate(4deg);
  padding-left: 14px;
  opacity: 0.7;
	}
	
.angle3 {
	  -moz-transform: rotate(6deg);
  -webkit-transform: rotate(6deg);
  -o-transform: rotate(6deg);
  transform: rotate(6deg);
  padding-left: 4px;
    padding-right: 10px;
  opacity: 0.5;
	}
	
.angle4 {
	  -moz-transform: rotate(-2deg);
  -webkit-transform: rotate(-2deg);
  -o-transform: rotate(-2deg);
  transform: rotate(-2deg);
  padding-left: 20px;
  margin-right: 4px;
	}
	
.angle5 {
	padding-right: 14px;
  opacity: 0.6;
	}

/*  Light Pollution Interactive styles */

#lpi-wrapper {
	width: 766px;
	margin: 1em auto;
	}

#select_const {
	width: 300px;
	padding: 0;
	margin: 5px 0;
	}
	
	#select_const p {
		padding: 0 0 0.5em 0.3em;
		margin: 0;
		line-height: 2em;
		}


	#select_const a {
		font: 1.8em/1em Helvetica, Lucida, Arial, sans-serif;
		padding-left: 1.2em;
		text-decoration: none;
	    text-shadow: 0px 0px 1px #000; 
		}

	#select_const a:hover {
		color: #ffa200;
		}

#select_mag {
	width: 460px;
	float: right;
	background: url(/images/gradient-bg.jpg) 0 0 repeat;
	padding: 0;
	margin: 5px 0;
	}
	
	#select_mag p {
		padding: 0 0 0.5em 0.4em;
		margin: 0;
		line-height: 2em;
		}


	#select_mag a {
		font: bold 26px/1em Helvetica, Lucida, Arial, sans-serif;
		letter-spacing: 0.45em;
		padding-left: 1em;
		text-decoration: none;
	    text-shadow: 0px 0px 4px #000;
	    opacity: 0.05;
	    color: #fff;
		}

	#select_mag a:hover {
		color: #fff;
		opacity: 0.5;
		}

#fov {
	clear: both;
	}

.small {
	font-size: 0.8em;
	}


#localMap, #localMap iframe {
	width: 300px;
	height: 350px;
	margin: 1em auto 2em;
	border: none;
	}

.center {
	margin: 0.5em auto;
	width: 300px;
	}

#l-maps a:after {
	content: none;
	}

.past, .past * {
	opacity: 0.75;
	font-size: 0.75em
}

#newdates .past img {
	width: 56px; 
}

.current, .current * {
	font-size: 1.1em
}

#newdates .current img {
	width: 82px; 
}

/* ----------------------------------- */

@media only screen and (max-width: 420px) {

#magscale {
	width: 220px;
	float: none;
	margin: 0 auto;
	}



}

@media only screen and (min-width: 420px) {

#l-maps a:after {
	content: ' & Data';
	}

.center {
	margin: 0.5em auto;
	width: 450px;
	}



#localMap, #localMap iframe {
	width: 350px;
	height: 350px;
	margin: 1em auto 2em;
	border: none;
	}

#langPie {
	width: 400px;
	height: 450px;
	float: left;
	}

#mobile1, #mobile2, #mobile3 {
	width: 400px;
	height: 450px;
	margin: 5px auto;
	float: none;
	}

#iTime-series, #countryhistogram {
	width: 400px;
	height: 300px;
	}

}


@media only screen and (max-width: 550px) {

#translation-picture, #lm0 {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-ms-flexbox-flow: row wrap;
	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	width: 100%;
	max-width: 550px;
	}

/* We tell all items to be auto width */
#langPie, #langObs, #translation-picture p, #lm0 h2, #lm0 p, #lm0 #lm0-pie {
-webkit-box-flex: 1 auto;
-moz-box-flex: 1 auto;
-webkit-flex: 1 auto;
-ms-flex: 1 auto;
flex: 1 auto;
}

/* We invert order */  
  #tgraph, #lm0 h2 { 
  -webkit-box-ordinal-group: 1;  
  -moz-box-ordinal-group: 1;     
  -ms-flex-order: 1;     
  -webkit-order: 1;  
  order: 1;
  	 }

  #langObs, #lm0-pie {
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
  -ms-flex-order: 2;
  -webkit-order: 2;
  order: 2;
  	margin-bottom: 1em;
  	}

  #langPie, #lm0 p { 
  -webkit-box-ordinal-group: 3;  
  -moz-box-ordinal-group: 3;     
  -ms-flex-order: 3;     
  -webkit-order: 3;  
  order: 3;
  	}

#translation-picture p {
	margin-top: 0em;
	}

h1, h2 { text-align: center; }


}


@media only screen and (min-width: 550px) {

#magscale {
	width: 220px;
	float: right;
	margin: 0 1em;
	}
	
		#magscale p:before {
		content: url(/images/MagScale_L.jpg);
		}


#results {
	display: table;
	}

#results tr {
	display: table-row;
	}

#results td {
	display: table-cell;
	}

#results td:first-of-type {
	width: 45%;
	}

#results th {
	display: table-cell;
	}

#ifrm {
	width: 350px;
	}
	
.third {
	width: 30%;
	float: left;
	margin: 0.75em;
	}

.twothirds {
	width: 63%;
	float: left;
	margin: 1em;
	}

#banner {
	min-height: 83px;
	}
	#banner img {
		margin: 3px;
		}

#primary {
	width: 70%;
	float: left;
	font-size: 1.2em;
	}

.sec {
	width: 30%;
	float: left;
	margin: 0;
	font-size: 0.9em;
	padding: 1.2em 0.5em;
	}

#nav {
	top: 59px;
	font-size: 1.2em;
	}	
	#nav ul {
		margin-right: 0.5em;
		}

#subnav {
	padding-top: 83px;
	}
	
	#subnav ul {
		padding-right: 1em;
		}

	#subnav li {
		font-size: 0.9em;
		}

div.magfloat {
	width: 49%;
	max-width: 400px;
	}

#myth img {
	float: right;
	margin: 0 1em;
	width: 50%;
	max-width: 500px;
	}

#map, #map iframe {
	height: 300px;
	}

#footer img {
	margin: 0 0.5em 0.5em 0;
	vertical-align: middle;
	}

.fl {
	float: left;
	width: 40%;	
	}
	
	ul.fl, .fl li {
		margin: 0 0 0 15px;
		padding-left: 0px;
		}
		
		ul.fl {
			margin-bottom: 1em;
			}
			
.half {
	width: 45%;
	float: left;
	margin: 0 3% 0 1%;
	}

table#obsByCountry, table#obsByState, table#mobileByCountry, table#LMCountry, table#LMOverall, table#SQMCountry {
	margin-right: 2em;
	margin-bottom: 2em;
	float: left;
	}

table#webappTranslations {
	clear: left;
	margin-top: 1em;
	}

#localMap, #localMap iframe {
	width: 500px;
	height: 350px;
	margin: 1em auto 2em;
	border: none;
	}

#mobile-picture {
	width: 500px;
	margin: 5px auto;
	}

#mobile1, #mobile2, #mobile3 {
	float: left;
	width: 220px;
	height: 300px;
	margin: 5px;
	}
	
#mobile-picture p {
	float: left;
	width: 220px;
	height: 300px;
	padding-left: 15px;
	}



}

@media only screen and (min-width: 625px) {

#bigPicture {
	float: left;
	width: 270px;
	margin-top: 0.5em;
	}
	
#iTime-series {
	float: right;
	margin-top: 0;
	width: 320px;
	height: 275px;
	}

#visualization, #lm0-pie, #histogram, #time-series, #countryhistogram {
	width: 600px;
	height: 400px;
	}

#localMap, #localMap iframe {
	width: 600px;
	height: 400px;
	margin: 1em auto 2em;
	border: none;
	}

#mobile-picture {
	width: 620px;
	margin: 5px auto;
	}

#mobile1, #mobile2, #mobile3 {
	float: left;
	width: 290px;
	height: 400px;
	margin: 5px;
	}
	
#mobile-picture p {
	float: left;
	width: 300px;
	height: 400px;
	padding-left: 15px;
	}

#translation-picture p {
	margin-top: 6em;
	}	


}

@media only screen and (min-width: 785px) {

#banner {
	min-height: 60px;
	}

#nav {
	top: 15px;
	background: transparent;
	font-size: 1.2em;
	}
	
#subnav {
	padding-top: 60px;
	}
	
	#subnav li {
		font-size: 1em;
		}

#primary {
	width: 60%;
	float: left;
	font-size: 1.2em;
	}



		form#gan_app fieldset, #wrapper fieldset {
			float: left;
			width: 350px;
			margin: 10px;
			position: relative;
			}

#bigPicture {
	float: left;
	width: 270px;
	margin-top: 0.5em;
	}
	
#iTime-series {
	float: right;
	margin-top: 0;
	width: 480px;
	height: 275px;
	}


#visualization, #lm0-pie, #histogram, #time-series {
	width: 750px;
	height: 500px;
	}

#langPie {
	width: 600px;
	height: 550px;
	float: left;
	}


#mobile-picture {
	width: 100%;
	margin: auto;
	}

#mobile1, #mobile2, #mobile3 {
	float: left;
	width: 240px;
	height: 240px;
	margin: 5px;
	}
	
#mobile-picture p {
	float: none;
	clear: left;
	width: 100%;
	height: auto;
	padding: 5px;
	}


#localMap, #localMap iframe {
	width: 750px;
	height: 400px;
	margin: 1em auto 2em;
	border: none;
	}



.sec {
	width: 40%;
	float: left;
	margin: 0;
	font-size: 1em;
	line-height: 1.4em;
	padding: 1em 0.5em;
}

.sec p {
	line-height: 1.4em;
	margin-top: 0.5em;
	}
	
	.sec img {
		width: 50%;
		float: left;
		margin: 0.5em 0.5em 1.5em 0;
		}

	#hero p {
		width: 50%;
		position: absolute;
		bottom: 3px;
		right: 0;
		font-size: 0.8em;
		}

p.credit {
	font-size: 0.8em;
	}

#home p.credit {
	color: #999;
	margin: -22px 50% 0 -300px;
	text-align: left;
	font-size: 0.7em;
	padding: 3px;
	}

#home p.credit a {
	color: #aaa;
	}
	


#north, #south, .north, .south {
	float: left;
	width: 50%;
	}

#maps {
	font-size: 1em;
	}	


.fl {
	float: left;
	width: 20%;	
	}
	
	.twothirds .fl, #postcards .fl, #postcards-2018 .fl {
		width: 22%;
		}
	
	ul.fl, .fl li {
		margin: 0 0 0 15px;
		padding-left: 0px;
		}
		
		ul.fl {
			margin-bottom: 1em;
			}

#sponsor-graphs p {
	margin-left: 15%;
	}
	
#sponsor-graphs img {
	width: 10%;
	max-width: 200px;
	float: left;
	}
	
#countryhistogram {
	width: 750px;
	height: 430px;
/* 
	float: right;
 */
	}

	
}
		
@media only screen and (min-width: 900px) {

#nav {
	font-size: 1.5em;
	}

#primary {
	width: 50%;
	float: left;
	font-size: 1.2em;
	}

.sec {
	width: 50%;
	float: left;
	margin: 0;
}

	#hero p {
		font-size: 1em;
		}

#map, #map iframe {
	height: 500px;
	}

#localMap, #localMap iframe {
	width: 840px;
	height: 450px;
	margin: 1em auto 2em;
	border: none;
	}



#visualization, #lm0-pie, #histogram, #time-series, #iTime-series {
	width: 450px;
	height: 500px;
	float: left;
	margin: 5px;
	}

#mobile1, #mobile2, #mobile3 {
	float: left;
	width: 270px;
	height: 270px;
	margin: 5px;
	}
	

#histogram, #time-series, #iTime-series {
	height: 300px;
	margin-top: 50px;
	}

#bigPicture {
	float: left;
	width: 270px;
	margin-top: 0.5em;
	}
	
#iTime-series {
	float: right;
	margin-top: 0;
	width: 580px;
	height: 275px;
	}

div.magfloat {
	width: 33%;
	max-width: 340px;
	}

	#countryhistogram {
	width: 90%;
	height: 440px;
	margin-top: 1em;
	}

#translation-picture p {
	margin-top: 8em;
	}	

}
	
	
@media only screen and (min-width: 999px) {

#bigPicture {
	float: left;
	width: 270px;
	margin-top: 0.5em;
	}
	
#iTime-series {
	float: right;
	margin-top: 0;
	width: 650px;
	height: 275px;
	}


#countryhistogram {
	width: 520px;
	height: 340px;
	float: right;
	}


#maps.infographic #countryhistogram {
	width: 800px;
	height: 440px;
	float: none;
	margin: 2em auto 0.5em;
	}

#mobile1, #mobile2, #mobile3 {
	float: left;
	width: 310px;
	height: 310px;
	margin: 5px;
	}
	

#localMap, #localMap iframe {
	width: 940px;
	height: 500px;
	margin: 1em auto 2em;
	border: none;
	}


}