#container {background: white url('bg.png') no-repeat center 100px;}

#page-title {margin-top: 0px; margin-bottom: 16px;}

.intro {
	line-height: 1.45em;
}

.infographic {
	width: 448px;
	position: relative;
	height: 280px;
	border: 2px solid #404041;
	padding: 2px;
}

.infographic img {height: 280px; width: 448px;}

.graphic-caption {
	position: absolute;
	bottom: -2px;
	left: -2px;
	right: -2px;
	background: #404041;
	color: white;
	font-size: 10px;
	padding: 5px 3px;
}

#main-content .graphic-caption p {margin-bottom: .1rem;}

#main-content .graphic-caption a {color: white; font-size: 14px;}
#main-content .graphic-caption a:hover {color: lightGrey;}

.is-smallscreen #container {background-image: none;}
.is-smallscreen .intro {line-height: inherit;}
.is-smallscreen .infographic {width: 100%; height: auto;}
.is-smallscreen .infographic img {height: auto; width: auto;}