* { box-sizing: border-box; }
html,body {
	background: #000 url(http://cumulus.pro.poolb.tritondigitalcms.com/wp-content/uploads/2018/06/n2r18-background.jpg) no-repeat center top;
	background-attachment: scroll;
	background-size: 100%;
	color: #fff;
	font-family: 'Multi', sans-serif;
	font-size: 18px;
	margin: 0;
	padding: 0;
}
	@media (max-width: 700px) {
		body { font-size: 15px; }
	}
	@media (max-width: 500px) {
		body { font-size: 14px; }
	}

a {
	color: red;
}
	a:hover {
		color: #fff;
	}

header {
	margin: 1em 0;
	overflow: hidden;
	position: relative;
}
	header .logo {
		margin: 0 auto;
		position: relative;
		text-align: center;
		width: 90%;
		z-index: 2;
	}
		header .logo img {
			max-width: 950px;
		}
	
	#social {
		font-size: 18px;
		margin: 0 auto 20px;
		text-align: center;
	}
		#social a {
			color: #fff;
			display: inline-block;
			margin: 0 1em;
			text-decoration: none;
			position: relative;
		}
			#social a:hover {
				color: #ed1c24;
			}
		#social svg {
			display: inline-block;
			margin-right: .25em;
			width: 22px;
			vertical-align: bottom;
		}

main {
	margin: 1em auto;
	max-width: 1020px;
	overflow: visible;
	position: relative;
	width: 100%;
	z-index: 3;
}
	.blurb {
		max-width: 950px;
		margin: 0 auto;
		overflow: hidden;
		position: relative;
	}
		.blurb .logo {
			float: left;
			max-width: 35%;
			margin: 0 .5em .5em 0;
			width: 100%;
		}
		.blurb-content {
			padding-top: .2em;
		}
		.blurb h1 {
			border-bottom: 1px dotted rgba(255,255,255,0.25);
			font-size: 200%;
			margin: .75em 0 .25em;
			padding: 0 0 .25em;
		}
			@media (max-width: 500px) {
				.blurb h1 {
					border-bottom-width: 2px;
					font-size: 160%;
					margin-top: .25em;
				}
			}
		.blurb h2 {
			background: rgba(255,255,255,0.7);
			color: #000;
			display: table;
			font-size: 125%;
			font-weight: 500;
			margin: 0 auto;
			padding: .5em 1.1em;
			position: relative;
			text-align: center;
		}
			.blurb h2:after {
				content: "";
				background: url(http://cumulus.pro.poolb.tritondigitalcms.com/wp-content/uploads/2018/06/n2r-bg-callout.jpg) no-repeat center center;
				background-size: 200%;
				top: 0;
				left: 0;
				bottom: 0;
				right: 0;
				position: absolute;
				z-index: -1;
			}
	.stations {
		overflow: hidden;
	}
		.stations h2 {
			background: #ed1c24;
			color: #fff;
			font-size: 90%;
			letter-spacing: 1em;
			margin: 0 0 3em;
			padding: 1em 1em 0;
			position: relative;
			text-align: center;
			text-transform: uppercase;
		}
			.stations h2:after {
				content: "";
				display: block;
				width: 0; 
				height: 0; 
				border-left: 500px solid transparent;
				border-right: 500px solid transparent;
				border-top: 2.5em solid #ed1c24;
				position: absolute;
				top: 100%;
				left: calc(50% - 500px);
			}
		.stations-list {
			margin: 0 5%;
			text-align: center;
		}
		.stations ul, .stations li {
			display: inline-block;
			font-size: 95%;
			text-align: center;
			list-style: none;
			margin: 0;
			padding: 0 .3em .25em;
			vertical-align: top;
		}
		.stations-list > ul > li {
			margin: 0 .5em .5em;
			min-height: 8em;
			padding: 1em 1.25em;
		}
			.stations-list > ul > li > ul > li > ul > li {
				vertical-align: middle;
			}
			.stations h3, .stations h4 {
				font-weight: normal;
				margin: 0 0 .5em;
				padding: 0;
			}
				.stations h3 {
					background: #fff;
					color: #000;
					display: table;
					font-weight: 300;
					font-size: 18px;
					letter-spacing: .25em;
					margin: .25em auto .5em;
					padding: .25em .5em;
				}
				.stations h4 {
				}
			.stations img {
				max-width: 150px;
				max-height: 90px;
			}
				@media (max-width: 600px) {
					.stations img {
						max-width: 100px;
						max-height: 50px;
					}
				}


	.callout {
		margin-bottom: 1em;
		position: relative;
	}
		.callout-title {
			background: #cb2d2f;
			box-shadow: 0 0 10px rgba(0,0,0,0.3);
			color: #fff;
			display: table;
			font-weight: 700;
			letter-spacing: 0.1em;
			margin: 0 auto -.5em;
			padding: .5em 1em;
			position: relative;
			text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
			text-transform: uppercase;
			z-index: 2;
		}
		.callout-body {
			background: rgba(255,255,255,0.7);
			color: #000;
			display: table;
			font-weight: 500;
			margin: 0 auto;
			padding: 1.2em;
			position: relative;
		}
			.callout-body:after {
				content: "";
				background: url(http://cumulus.pro.poolb.tritondigitalcms.com/wp-content/uploads/2018/06/n2r-bg-callout.jpg) no-repeat center center;
				background-size: cover;
				top: 0;
				left: 0;
				bottom: 0;
				right: 0;
				position: absolute;
				z-index: -1;
			}
			.callout-body a {
				color: #8c1a1b !important;
				display: inline-block !important;
				border-bottom: 1px solid #000 !important;
				text-decoration: none !important;
			}
				.callout-body a:hover {
					color: #000 !important;
				}


	.finalist {
		display: inline-block;
		vertical-align: top;
		width: 50%;
		max-width: 250px;
		margin: 0 .5em 1em;
	}
		.finalists.large .finalist {
			max-width: 50%;
		}
		.finalist img {
			width: 100%;
		}
		.city {
			display: block;
			background: #fff;
			color: #000;
			padding: .5em .75em;
			text-transform: uppercase;
		}
			.city span {
				display: block;
				font-size: 0.4em;
			}
		.band {
			display: block;
			background: #6bacce;
			color: #fff;
			text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
			padding: .5em .75em;
		}