/*startup.css*/

html,
body {
	height: 100%;
}

body {
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	color: #6c6f73;
}

h1,
h2,
h3,
h4,
h5 {
	color: #333;
}

h6 {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 0.8rem;
	letter-spacing: 0.1rem;
}

img {
	max-width: 100%;
}

.blockquote {
	font-size: 1.6rem;
	color: #333;
	border: none;
	padding: 0;
}

.blockquote-footer {
	margin: 1rem 0 0;
}

#stage {
	background: url('../img/stage.jpg') center center no-repeat;
	background-size: cover;
	color: #000;
	height: 100%;
	width: auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

#stage-caption {
	font-size: 1.4rem;
	font-weight: 200;
	max-width: 60rem;
	margin: 0 auto;
	text-align: center;
	width: auto;
}

#stage-caption h1 {
	color: #000;
	font-weight: bold;
	text-transform: uppercase;
}

.feature-content {
	padding: 8rem 0;
	overflow: hidden;
}

.feature-content img {
	margin-bottom: -8rem;
}

.feature-dark {
	background: #262F36;
	color: white;
}

.feature-dark h2 {
	color: white;
}

.feature-alt {
	background: #f0f0f0;
}

#feature-four .feature-content {
	padding: 0;
}

#feature-five img {
	margin-top: 2rem;
}

#main-footer {
	background: #262F36;
	color: white;
	padding: 6rem 0;
	font-size: 0.8rem;
}

#main-footer h6 {
	color: #718FA9;
}

#main-footer a {
	color: #6C6F73;
}


/* Media Queries */

@media screen and ( min-width: 991px) {
	.feature-content {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
}

@media screen and ( max-width: 991px) {
	#stage-caption {
		font-size: 1.2rem;
		font-weight: 200;
		max-width: 200rem;
		margin: 0 auto;
		text-align: center;
		width: auto;
	}
	#stage-caption h1 {
		font-size: 2rem
	}
}