.hero {
	border-radius:$border-radius;
	background: linear-gradient(to right, #159957, #155799);
	min-height:300px;
	width:100%;
	color: white;
	justify-content:center;
	flex-direction:column;
	flex-grow:1;
	@include padding(20px);
	@include display-flex;
  	@include align-items(center);
	> h1 {
		margin:0;
	}
	& .message {
		@include display-flex;
		@include justify-content(center);
		@include align-items(center);
		letter-spacing:5px;
	}
}