@import 'bourbon';
@import "neat";
@import "base/base";

$hero-background: #40526b;
$hero-color: white;

.hero {
	background-color: $hero-background;
	background-repeat: no-repeat;
	background-position: top;
	background-size: cover;

	img.hero-logo {
		height: 80px;
		margin-bottom: 1em;
	}
	.hero-inner {
		@include outer-container;
		@include clearfix;
		padding: 3em 3em 0 3em;
		margin: auto;
		text-align: center;
		color: $hero-color;

		.hero-copy {
			text-align: center;
			
			h1 {
				font-size: 2.5em;
				margin-bottom: .2em;
			}

			p {
				margin: auto;
				margin-bottom: 3em;
				font-weight: 200;
				font-size: 1.25em;
			}
		}
	}
}