@charset "utf-8";
body {
	background-image: url(../images/cover.jpg?g) !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%);*/
	background: radial-gradient(circle at 40% 30%, rgba(26,26,37,0.6) 30%, rgba(26,26,37,0) 80%);
	padding: 0 1em 1em;
}
#intro, #story2, #story5, #story7 {
	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 #story1 h2, .residents #page-container #story1 p.quote em {
	color: #b64f2c;
}
.residents #page-container #story2 h2, .residents #page-container #story5 h2, .residents #page-container #story7 h2 {
	color: #fff;
}
.residents #page-container #story3 h2 {
	color: #809d71;
}
.residents #page-container #story4 h2, .residents #page-container #story4 p.quote em {
	color: #f05748;
}
.residents #page-container #story6 h2 {
	/*color: #bdc09b;*/
	color: #a1a382;
}
.residents #page-container #story8 h2, .residents #page-container #story8 p.quote em {
	/*color: #ceaa82;*/
	color: #cc9f6c;
}
p.quote {
	font-size: 130%;
}
p.quote small {
	font-size: 65%;
	font-weight: bold;
}
#story1, #story4, #story6, #story8 {
	background: #fff; /*linear-gradient(to right, #fff 65%, #c6844b 65%)*/
}
#story1 h2, #story3 h2, #story4 h2, #story6 h2, #story8 h2 {
	text-shadow: none;
}
#story2 {
	background-image: linear-gradient(rgba(81,150,108,0.8), rgba(81,150,108,0.8)), url(../images/story02-bg.jpg?b);
}
#story3 {
	background-image: linear-gradient(rgba(255,255,255,0.5), rgba(255,255,255,0.7)), url(../images/story03-bg.jpg?a);
}
#story5 {
	background-image: linear-gradient(rgba(49,97,106,0.8), rgba(49,97,106,0.9)), url(../images/story05-bg.jpg?a);
}
#story7 {
	background-image: linear-gradient(rgba(194,85,44,0.8), rgba(194,85,44,0.8)), url(../images/story07-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(26,26,37,0.1) 30%, rgba(26,26,37,0) 80%);
	}
}