#main-wrapper {
	background-color: #FFF;
}


section#introduction {
	box-sizing: border-box;
	background-color: #FFF;
	background-image: url(/media/about/top-banner.jpg);
	background-size: cover;
	-ms-behavior: url(/asset/js/backgroundsize.min.htc);
	background-position: 45% center;
	background-repeat: no-repeat;
	padding-top: 25%;
	min-height: 300px;
}

@media screen and (min-width: 1280px) {
	section#introduction {
		background-position: center;
	}
}

#intro-text {
	background-color: #E22;
	background-color: rgba(238, 34, 34, 0.8);
	bottom: 100px;
	left: 50%;
	padding: 10px 20px;
	transform: translateX(-50%);
	width: 70%;
}

#white-wrapper {
	margin-top: -58px;
}

#about {
	margin: 0 auto;
	text-align: center;
}

.red-divider {
	background: #E22;
	height: 2px;
	margin: 37px auto;
	width: 88%;
}

.text-container {
	width: 100%;
	text-align: left;
}

#about img {
	width: 80%;
	max-width: 665px;
	margin-top: 10px;
}

.certificates {
	border: 1px solid #333;
	max-width: 200px;
	width: 80%;
}

@media screen and (min-width: 770px) {
	#about img {
		margin-top: 30px;
	}
}

@media screen and (min-width: 1280px) {
	.text-container {
		width: 45%;
		float: left;
	}

	#about img {
		width: 45%;
		float: right;
	}
}

#credentials {
	text-align: center;
}

#credentials img {
	width: 100%;
	max-width: 1150px;
}

#testing,
#smt {
	background-color: #FFF;
	background-image: url(/media/about/testing.jpg);
	background-size: 100%;
	-ms-behavior: url(/asset/js/backgroundsize.min.htc);
	background-position: center 25%;
	background-repeat: no-repeat;
	height: 200px;
	margin-top: 30px;
}

#testing {
	background-image: url(/media/about/testing.jpg);
}

#smt {
	background-image: url(/media/about/smt.jpg);
}

@media screen and (min-width: 770px) {
	#testing,
	#smt {
		height: 650px;
	}

	#testing {
		margin: 75px auto;
	}
}

#smt-text a {
	color: #e22;
	font-weight: bold;
	text-decoration: underline;
}

#smt-text a:hover {
	text-decoration: none;
}

#testing-container,
#smt-container {
	position: relative;
}

#testing-text,
#smt-text {
	background-color: rgba(238, 34, 34, 0.8);
	padding: 15px 30px;
	height: auto;
	max-width: 500px;
	width: 100%;
}

@media screen and (min-width: 770px) {
	#testing-text,
	#smt-text {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
	}

	#testing-text {
		left: 15%;
	}

	#smt-text {
		right: 15%;
	}

	#smt-text a {
		color: #fff;
	}
}

@media screen and (min-width: 1600px) {
	.red-divider {
		margin: 75px auto;
		width: 70%;
	}
}

@media screen and (min-width: 2000px) {
	/*.red-divider {*/
	/*	width: 60%;*/
	/*}*/
}

#experience,
#powder-coating {
	background-color: #FFF;
	position: relative;
}

#experience-text,
#powder-coating-text {
	margin: 30px auto 0 auto;
	text-align: center;
}

#experience-text img
#powder-coating-text img {
	width: 100%;
	max-width: 665px;
	margin-top: 30px;
}

@media screen and (min-width: 770px) {
	#experience-text,
	#powder-coating-text {
		margin: 75px auto 0 auto;
	}
}

@media screen and (min-width: 1280px) {
	#experience-text img
	#powder-coating-text img {
		width: 45%;
		float: right;
		margin-top: 0;
	}
}
