/* sdgs.css
*/

#sdgs-poster {
	width: 57em;
	height: 38em;
	position: relative;
	margin: 1em auto;
	background-image: url('../Images/SDG-Poster.png');
	background-size: cover;
	background-position: center;
}
#sdgs-poster img {
	width: 9em;
	height: 9em;
	position: absolute;
	transform: translate(-50%, -50%);
	opacity: 0;
	transition: opacity 0.2s ease;
}
#sdgs-poster img:hover {opacity: 1;}
img#goals0 {top: 5em; left: 32.8em; width: 3.8em; height: 3.8em;}
img#goal01 {top: 13em; left: 6em;}
img#goal02 {top: 13em; left: 15em;}
img#goal03 {top: 13em; left: 24em;}
img#goal04 {top: 13em; left: 33em;}
img#goal05 {top: 13em; left: 42em;}
img#goal06 {top: 13em; left: 51em;}
img#goal07 {top: 22em; left: 6em;}
img#goal08 {top: 22em; left: 15em;}
img#goal09 {top: 22em; left: 24em;}
img#goal10 {top: 22em; left: 33em;}
img#goal11 {top: 22em; left: 42em;}
img#goal12 {top: 22em; left: 51em;}
img#goal13 {top: 31em; left: 6em;}
img#goal14 {top: 31em; left: 15em;}
img#goal15 {top: 31em; left: 24em;}
img#goal16 {top: 31em; left: 33em;}
img#goal17 {top: 31em; left: 42em;}
img#goals {top: 31.05em; left: 51em; width: 5.5em; height: 5.5em;}

img.infographic {
  width: 25em;
  float: right;
  margin-left: .7em;
}