/**
 * 	6.0 Hero Area
 *
 * -----------------------------------------------------------------------------------------
 */

#hero-area {
	max-height: 250px;
	padding-top: 42px;
	position: relative;
}

#tagline {
	color: $navigation-text-color;
	display: inline-block;
	font-size: 32px;/*22px*/
	margin: 40px auto 0px;
	position: relative;
	text-align: center;
	width: 100%;
}

/* Hero Image */
 
#hero-image {
	position: fixed; /* absolute/fixed */
	width: 100%;
	z-index: -1;
	img {
		opacity: 0.7;
		width: 100%;
	}
}

.gradient {
	background: -webkit-linear-gradient( top, transparent 0%, #3B848C 100% );
	background: -moz-linear-gradient( top, transparent 0%, #3B848C 100% );
	background: linear-gradient( to top, transparent 0%, #3B848C 100% ); 
	height: 300px;
	margin-top: -300px;
	position: absolute;
	width: 100%;
	z-index: 0;
}

/* Social Media Links */

#social-links {
	margin: 40px auto 0px;
	position: relative;
	text-align: center;	 
	width: 100%;
	a {
		color: $navigation-text-color;
		font-size: 39px;
		margin: 0 12px;
		opacity: 1;
		z-index: 9999;
		&:hover {
			opacity: 0.7;
			transition: 0.33s;
		}
	}
}

