@charset "utf-8";
body {
	background-image: url(../images/cover.jpg) !important;
}
#article #intro.reveal a {
	color: #b7d4ff;
	text-decoration: none;
}
#article #intro.reveal a:hover {
	text-decoration: underline;
}
#intro .row {
	background: radial-gradient(circle at 40% 30%, rgba(24,36,63,0.6) 30%, rgba(24,36,63,0) 80%);
	padding: 0 1em 1em;
}
#intro, #story2, #story4, #story5, #story6 {
	color: #fff;
	text-shadow: 1px 1px 0 rgba(0,0,0,0.5);
}
#intro {
	text-shadow: 0 0 10px rgba(0,0,0,1), 0 0 5px rgba(0,0,0,1);
}
.residents #page-container h2 {
	color: #c6844b;
}
.residents #page-container h3 {
	color: #000;
}
.residents #page-container #story4 h2, .residents #page-container #story4 h3, .residents #page-container #story6 h2 {
	color: #fff;
}
.residents #page-container #story5 h2 {
	color: #f5f0a1;
}
#story1, #story3, #story7 {
	background: #fff; /*linear-gradient(to right, #fff 65%, #c6844b 65%)*/
}
#story1 h2, #story3 h2, #story7 h2 {
	text-shadow: none;
}
#story2 {
	background-image: linear-gradient(rgba(24,36,63,0.8), rgba(24,36,63,0.8)), url(../images/story02-bg.jpg);
}
#story4 {
	background-image: linear-gradient(rgba(89,125,105,0.9), rgba(89,125,105,0.9)), url(../images/story04-bg.jpg);
}
#story5 {
	background: #752d00;
}
#story6 {
	background-image: linear-gradient(rgba(44,73,129,0.8), rgba(4,73,129,0.8)), url(../images/story06-bg.jpg);
}
@media screen and (max-width: 650px) {
	#intro .row {
		background: none;
		padding: 0;
	}
}
@media screen and (min-width: 120em) {
	#intro .row {
		background: radial-gradient(circle at 40% 30%, rgba(24,36,63,0.1) 30%, rgba(24,36,63,0) 80%);
	}
}