.theme-dark .theme-alt p {
	color: #fff;
}

.theme-dark .theme-alt a {
	color: #88ccff;
}

.section-hero h1 {
	padding: 0 0.25em;
}

.tile-flex {
	display: flex;
	margin: 4em auto 2em;
}
.tile-wrap {
	align-self: stretch;
	background-color: #17365a;
	padding: 3em 6em 2em 2em;
	margin: 0;
	width: 100%;
	border-radius: 6px;
}
.tile-flex > .tile-wrap:first-of-type {
	margin-right: 1em;
	width: 50%;
}
.tile-flex > .tile-wrap:last-of-type {
	margin-left: 1em;
	width: 50%;
}

@media only screen and (max-width: 735px) {
	.tile-flex {
		display: block;
		margin: 0;
	}
	.tile-wrap {
		margin: 0;
		padding: 2em;
	}
	.tile-flex > .tile-wrap:first-of-type {
		margin: 2em 0 0;
		padding: 2em;
		width: 100%;
	}
	.tile-flex > .tile-wrap:last-of-type {
		margin: 2em 0 0;
		padding: 2em;
		width: 100%;
	}
}

/* Images */
.hero-cover {
	display: block;
	width: 100%;
	height: 520px;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url("/ssac/images/hero-large.png");
	background-position: center bottom;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
	.hero-cover {
		background-image: url("/ssac/images/hero-large_2x.png");
	}
}

@media only screen and (max-width: 1068px) {
	.section-hero h1 {
		padding: 0;
	}
	.hero-cover {
		margin-top: -24px;
	}
}

@media only screen and (max-width: 735px) {
	.hero-cover {
		margin-top: 0;
		height: 260px;
		background-size: 1300px;
		background-image: url("/ssac/images/hero-medium.png");
	}
	@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
		.hero-cover {
			background-image: url("/ssac/images/hero-medium_2x.png");
		}
	}
}

.icon-topic {
	margin-bottom: 1em;
}


/* ========== Grid ========== */
#main section.section.section-hero {
	padding-top: 6em;
	padding-bottom: 4em;
}

@media only screen and (max-width: 735px) {
	#main section.section.section-hero {
		padding-top: 3em;
		padding-bottom: 2em;
	}
}