@media only screen {
	.banner {
		position: relative;
		padding: 1.4em 1.4em 1.8em;
		z-index: 1;
		color: white;
		background-color: #006d5b;
	}
	.banner h2 {
		margin: 0;
		font-size: 1.6em;
		text-transform: uppercase;
		text-shadow: 0 2px 4px rgba(0,0,0,0.5);
		color: white;
	}
	.banner p {
		padding: 1em 0;
	}
	.banner a {
		font-size: 1.1em;
		text-transform: uppercase;
		color: inherit;
	}
}

@media (min-width: 64.063em) {
	.banner {
		padding: 2em 2em 2.8em;
	}
	.banner .banner-content {
		max-width: 73em;
		margin: 0 auto;
	}
	.banner h2 {
		font-size: 36px;
	}
	.banner p {
		max-width: 700px;
		font-size: 1em;
	}
	.banner a {
		font-size: 18px;
	}
}