#hero {
	height: 600px;
	color: $white;
	position: relative;

	#top {
		border-bottom: 1px solid rgba($white, 0.35);
		nav li a {
			color: rgba($white, 0.9);
			&:hover {
				color: rgba($white, 1);
				text-shadow: 0 0 2em black;
			}
		}
	}
	
	> .content {
		> h1, > p {
			text-shadow: 2px 2px 2px rgba(black, 0.4);
		}
		> h1 {
			margin-top: 2.5em;
			font-size: 56px;
			line-height: 1.2;
		}
		> p {
			font-family: $font-heading;
			font-size: 35px;
			line-height: 1.25;
			margin-bottom: 0.5em;
		}

		.btn-blue-solid {
			font-size: 20px;
			padding: 5px 25px;
		}
	}
}