@charset "UTF-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
	font-family: 'Montserrat', sans-serif;
}

body {
	float: left;
	width: 100%;
	margin: 0 auto;
	background-color: #fff;
}

/*
<-------colors------->
blue: #00417a   red: #b00f15
*/

/* -------------- layout full -------------- */
@media screen and (min-width:1201px) {
	
	/* header */
	header {
		float: left;
		position: fixed;
		width: 90%;
		margin: 0;
		padding: 1% 5%;
		background-image: url(../images/bg/fl1-bg-header.png);
		
	}
	.logo {
		float: left;
		width: 25%;
		margin: 0;
		text-align: left;
	}
	.logo img {
		width: 230px;
	}
	.navWrapper {
		float: right;
		width: 70%;
		margin: 30px 0 0;
	}
	.nav {
		float: right;
		margin: 0;
	}
	.nav a {
		font-size: 18px;
		color: #00417a;
		text-decoration: none;
		/*text-transform: uppercase;*/
	}
	.nav li {
		display: inline-block;
		margin: 0 13px;
		list-style: none;
	}
	.nav li img {
		width: 27px;
		vertical-align: bottom;
	}
	.nav .navRed {
		color: #b00f15;
	}
	/* mobile menu */
	.topnav {                                 
		display: none;
	}
	/* banner */
	.banner {
		float: left;
		width: 100%;
		margin: 0 0 20px;
		padding: 5% 0 5%;
		background-image: url(../images/banner/fl1-banner-img.png);
		background-position: center top;
		background-size: cover;
	}
	.bannerContent-wrapper {
		float: left;
		width: 90%;
		margin: 200px 5% 100px;
	}
	.bannerHeader {
		float: left;
		width: 100%;
		margin: 0 0 30px;
		font-size: 70px;
		color: #00417a;
		text-align: center;
		text-transform: uppercase;
		text-shadow: 0px 3px 5px #fff;
		font-weight: 500;
	}
	.bannerSubHeader {
		float: left;
		width: 100%;
		margin: 0;
		font-size: 50px;
		color: #00417a;
		text-align: center;
		text-shadow: 0px 3px 5px #fff;
		font-weight: 500;
	}
	/* main page sections */
	.mpSect-wrapper {   /* about */
		float: left;
		width: 80%;
		padding: 3% 10%;
		margin: 50px 0;
	}
	.mpSect-col1 {
		float: left;
		width: 35%;
		font-size: 18px;
		color: #000;
		text-align: center;
	}
	.mpSect-col2 {
		float: right;
		width: 60%;
		font-size: 18px;
		color: #000;
		text-align: left;
		line-height: 24px;
	}
	.mpSect-header {
		font-size: 40px;
		color: #000;
		line-height: 60px;
		text-transform: uppercase;
	}
	.mpSect-images-wrapper {   /* services */
		float: left;
		width: 90%;
		margin: 30px 5%;
		text-align: center;
	}
	.mpSect-images {
		display: inline-block;
		width: 27%;
		margin: 0 2%;
		vertical-align: top;
	}
	.mpSect-images img {
		width: 100%;
	}
	.mpMisCert-wrapper {   /* mission certifications */
		float: left;
		width: 100%;
		margin: 3% 0;
		padding: 0;
	}
	.mpMisCert-col1 {
		float: left;
		width: 49%;
		margin: 110px 0 0;
		padding: 5% 3%;
		background-color: #000;
		font-size: 18px;
		color: #fff;
		text-align: left;
		line-height: 24px;
	}
	.mpMisCert-col1-header {
		float: left;
		width: 100%;
		margin-bottom: 30px;
		font-size: 40px;
		color: #fff;
	}
	.mpMisCert-col1 a {
		font-size: 18px;
		color: #fff;
		text-decoration: none;
		font-style: italic;
	}
	.mpMisCert-col1 ul {
		margin: 13px 0 13px 30px;
	}
	.mpMisCert-col1 li {
		margin-bottom: 13px;
	}
	.mpMisCert-col2 {
		float: right;
		width: 39%;
		margin: 0;
		padding: 5% 3%;
		font-size: 18px;
		color: #fff;
		text-align: left;
		line-height: 24px;
		background-image: url(../images/bg/fl1-bg-certificates.png);
	}
	.mpMisCert-col2-header {
		float: left;
		width: 100%;
		margin-bottom: 30px;
		font-size: 30px;
		color: #fff;
	}
	.mpNews-wrapper {   /* news - newsletter */
		float: left;
		width: 100%;
		margin: 3% 0;
		padding: 0;
	}
	.mpNews-col1 {
		float: left;
		width: 49%;
		margin: 0;
		padding: 5% 3%;
		background-image: url(../images/bg/fl1-bg-certificates.png);
		font-size: 18px;
		color: #fff;
		text-align: left;
		line-height: 24px;
	}
	.mpNews-col1-header {
		float: left;
		width: 100%;
		margin-bottom: 30px;
		font-size: 40px;
		color: #fff;
	}
	.mpNews-col1 a {
		font-size: 18px;
		color: #fff;
		text-decoration: none;
		font-style: italic;
	}
	.mpNews-col1 ul {
		margin: 13px 0 13px 30px;
	}
	.mpNews-col1 li {
		margin-bottom: 13px;
	}
	.mpNews-col2 {
		float: right;
		width: 39%;
		margin: 110px 0 0;
		padding: 5% 3%;
		font-size: 18px;
		color: #fff;
		text-align: left;
		line-height: 24px;
		background-image: url(../images/bg/fl1-bg-newsletter.png);
	}
	.mpNews-col2 a {
		font-size: 18px;
		color: #fff;
		text-decoration: none;
	}
	.mpNews-col2-header {
		float: left;
		width: 100%;
		margin-bottom: 30px;
		font-size: 30px;
		color: #fff;
	}
	.mpNLform {   /* newsletter form */
		float: left;
		width: 100%;
		margin: 13px 0;
	}
	.mpNLform-input {
		float: left;
		width: 100%;
		height: 40px;
		margin: 0 0 7px;
		padding-bottom: 3px;
		background: none;
		border-top: none;
		border-right: none;
		border-bottom: 1px solid #fff;
		border-left: none;
		font-size: 17px;
		color: #fff;
		text-indent: 7px;
	}
	.mpNLform-submit {
		float: left;
		width: 200px;
		height: 40px;
		line-height: 40px;
		margin: 30px 0 0;
		text-align: center;
		background-color: #fff;
		border: none;
		font-size: 20px;
		color: #b00f15;
	}
	.mpContact-form {   /* contact form */
		float: left;
		width: 100%;
		margin: 13px 0;
	}
	.mpContact-form-input {
		float: left;
		width: 100%;
		height: 40px;
		margin: 0 0 7px;
		padding-bottom: 3px;
		background: none;
		border-top: none;
		border-right: none;
		border-bottom: 1px solid #b00f15;
		border-left: none;
		font-size: 17px;
		color: #000;
		text-indent: 7px;
	}
	.mpContact-form-message {
		float: left;
		width: 100%;
		margin: 21px 0 7px;
		padding-bottom: 3px;
		background: none;
		border-top: none;
		border-right: none;
		border-bottom: 1px solid #b00f15;
		border-left: none;
		font-size: 17px;
		color: #000;
		text-indent: 7px;
	}
	.mpContact-form-submit {
		float: left;
		width: 200px;
		height: 40px;
		line-height: 40px;
		margin: 30px 0 0;
		text-align: center;
		background-color: #b00f15;
		border: none;
		font-size: 20px;
		color: #fff;
	}
	
	/* general css */
	.content{
		float: left;
		width: 80%;
		margin: 200px 10%;
		padding: 0;
		font-size: 17px;
		color: #000;
		line-height: 21px;
	}
	.content a {
		font-size: 17px;
		color: #b00f15;
		text-decoration: none;
	}
	h1 {
		float: left;
		width: 100%;
		margin-bottom: 50px;
		padding-bottom: 13px;
		border-bottom: 1px solid #00417a;
		font-size: 30px;
		color: #00417a;
		text-transform: uppercase;
		font-weight: 500;
	}
	h2 {
		float: left;
		width: 100%;
		margin-bottom: 50px;
		padding-bottom: 13px;
		font-size: 27px;
		color: #00417a;
		text-transform: uppercase;
		font-weight: normal;
		text-align: center;
	}
	.spacer {
		float: left;
		width: 90%;
		margin: 0 5% 50px;
		height: 30px;
		line-height: 30px;
		border-bottom: 1px solid #e7e7e7;
	}
	/* about */
	.about-image-wrapper {
		float: left;
		width: 100%;
		margin: 0 0 30px;
		text-align: center;
	}	
	.about-image {
		display: inline-block;
		width: 23%;
		margin: 0 .5% 30px;
		vertical-align: top;
		font-size: 17px;
		color: #000;
	}
	.about-image-header {
		float: left;
		width: 100%;
		margin-bottom: 7px;
		font-size: 23px;
		color: #00417a;
	}
	.about-image img {
		width: 70%;
		margin: 0 15% 7px;
	}
	/* certifications */
	.cert-wrapper {
		float: left;
		width: 100%;
		margin: 0 0 30px;
	}
	.cert-col1 {
		float: left;
		width: 47%;
		margin: 0;
		text-align: left;
	}
	.cert-col1-header {
		float: left;
		width: 100%;
		margin-bottom: 21px;
		font-size: 23px;
		color: #00417a;
		line-height: 30px;
		text-transform: uppercase;
	}
	.cert-col2 {
		float: right;
		width: 47%;
		margin: 0;
		text-align: left;
	}
	.cert-col2-header {
		float: left;
		width: 100%;
		margin-bottom: 21px;
		font-size: 23px;
		color: #00417a;
		line-height: 30px;
		text-transform: uppercase;
	}
	/* services */
	.services-wrapper {
		float: left;
		width: 90%;
		margin: 0 5% 30px;
		padding-bottom: 21px;
		border-bottom: 1px solid #e7e7e7;
		line-height: 24px;
	}
	.services-wrapper h2 {
		float: left;
		width: 100%;
		margin-bottom: 7px;
		font-size: 21px;
		color: #00417a;
		text-align: left;
	}
	/* services section 1 */
	.services-col1 {
		float: left;
		width: 25%;
		margin: 0 2% 0 0;
	}
	.services-col1 img {
		float: left;
		width: 100%;
		margin: 0;
	}
	.services-col2 {
		float: right;
		width: 71%;
		margin: 0;
	}
	.services-col2 ul {
		float: left;
		width: 100%;
		margin: 13px 0 13px 30px;
	}
	.services-col2 li {
		margin-bottom: 7px;
	}
	/* services section 2 */
	.services-col3 {
		float: left;
		width: 71%;
		margin: 0;
	}
	.services-col3 ul {
		float: left;
		width: 100%;
		margin: 13px 0 13px 30px;
	}
	.services-col3 li {
		margin-bottom: 7px;
	}
	.services-col4 {
		float: left;
		width: 25%;
		margin: 0 0 0 2%;
	}
	.services-col4 img {
		float: right;
		width: 100%;
	}
	.services-col5 {
		display: none;
	}
	.services-col6 {
		display: none;
	}
	
	/* realwear */
	.content-realwear{
		float: left;
		width: 100%;
		margin: 150px 0;
		padding: 0;
		font-size: 17px;
		color: #000;
		line-height: 21px;
	}
	.content-realwear a {
		font-size: 17px;
		color: #b00f15;
		text-decoration: none;
	}
	.rwHeader-image {
		float: left;
		width: 100%;
		margin: 0 0 50px;;
		text-align: center;
	}
	.rwHeader-image img {
		width: 100%;
	}
	.rwSect1 {
		float: left;
		width: 100%;
		margin: 30px 0 0;
		text-align: center;
		font-size: 50px;
		color: #000;
		font-family: 'Roboto', sans-serif;
	}
	.rwSect1-header {
		float: left;
		width: 100%;
		margin-bottom: 50px;
		font-size: 90px;
		color: #00417a;
		text-align: center;
		font-family: 'Roboto', sans-serif;
		font-weight: bold;
	}
	.rwSect1-Image {
		float: left;
		width: 100%;
		margin: 21px 0 0;
		text-align: center;
	}
	.rwSect1-Image img {
		width: 300px;
	}
	.rwCol-wrapper {
		float: left;
		width: 80%;
		margin: 0 10% 30px;
	}
	.rwCol-left {
		float: left;
		width: 35%;
		margin: 0;
		font-size: 23px;
		color: #000;
		text-align: center;
	}
	.rwCol-left-header {
		float: left;
		width: 100%;
		margin-bottom: 21px;
		font-size: 40px;
		color: #00417a;
	}
	.rwCol-left img {
		width: 100%;
	}
	.rwCol-right {
		float: right;
		width: 63%;
		margin: 0;
		font-size: 20px;
		color: #000;
		line-height: 24px;
	}
	.rwCol-right a {
		font-size: 20px;
		color: #b00f15;
		text-decoration: none;
	}
	.rwCol-right-header {
		float: left;
		width: 100%;
		margin-bottom: 21px;
		font-size: 33px;
		color: #00417a;
	}
	.rwCol-right-image {
		float: left;
		width: 100%;
		margin: 21px 0;
		text-align: center;
	}
	.rwCol-right-image img {
		width: 30%;
		margin: 0px 1px;
	}
	.rwSect2-wrapper {
		float: left;
		width: 100%;
		margin: 30px 0;
		text-align: center;
	}
	.rwSect2 {
		display: inline-block;
		width: 21%;
		margin: 0 1%;
		vertical-align: top;
		font-size: 17px;
		color: #000;
		line-height: 21px;
	}
	.rwSect2-header {
		float: left;
		width: 100%;
		margin-bottom: 13px;
		font-size: 23px;
		color: #00417a;
	}
	.rwSect2 ul {
		margin-left: 21px;
		margin-top: 7px;
		text-align: left;
	}
	.rwSect2 li {
		margin: 0 0 7px;
	}
	
	/* purlin */
	.content-purlin{
		float: left;
		width: 100%;
		margin: 150px 0;
		padding: 0;
		font-size: 17px;
		color: #000;
		line-height: 21px;
	}
	.content-purlin a {
		font-size: 17px;
		color: #b00f15;
		text-decoration: none;
	}
	.purlin-banner-wrapper {
		float: left;
		width: 100%;
		margin: 0 0 3%;
		padding: 3% 0 150px;
		background-image: url(../images/bg/purlin-bg1.png);
		background-position: center top;
		background-size: cover;
	}
	.purlin-logo {
		float: left;
		width: 100%;
		margin: 0 0 70px;
		text-align: center;
	}
	.purlin-logo img {
		width: 300px;
	}
	.purlin-header1 {
		float: left;
		width: 80%;
		margin: 0 10% 100px;
		font-size: 70px;
		line-height: 70px;
		color: #f9f9f9;
		font-weight: 300;
		text-align: center;
		text-shadow: 2px 5px 4px #000
	}
	.purlin-header2 {
		float: left;
		width: 80%;
		margin: 0 10% 0px;
		font-size: 30px;
		line-height: 40px;
		color: #262262;
		font-weight: 300;
		text-align: center;
	}
	/* purlin sections */
	.sect-wrapper {
		float: left;
		width: 70%;
		margin: 0;
		padding: 3% 15%;
	}
	.sect-wrapper-bg-blue30 {
		background-image: url(../images/bg/purlin-bg-blue-30.png);
	}
	.sect-wrapper h3 {
		float: left;
		width: 100%;
		margin-bottom: 30px;
		font-size: 43px;
		color: #1b75bc;
		font-weight: 300;
	}
	.sectContent {
		float: left;
		width: 100%;
		margin: 0;
		padding: 0;
		font-size: 17px;
		color: #000;
		line-height: 24px;
		font-weight: 300;
	}
	.sectCol-wrapper {
		float: left;
		width: 100%;
		margin: 50px 0;
		text-align: center;
	}
	.sectCol {
		display: inline-block;
		width: 30%;
		margin: 0 1.5% 30px;
		vertical-align: top;
		text-align: left;
	}
	.sectCol-header {
		float: left;
		width: 100%;
		margin-bottom: 13px;
		font-size: 27px;
		color: #1b75bc;
		line-height: 40px;
		font-weight: 300
	}
	.sectInner {
		float: left;
		width: 94%;
		margin: 21px 0;
		padding: 3%;
	}
	.sectInner-bg-1 {
		background-image: url(../images/bg/purlin-bg-section.png);
		background-position: center top;
		background-size: cover;
	}
	.sectInner-bg-2 {
		background-image: url(../images/bg/purlin-bg-enviro.png);
		background-position: center top;
		background-size: cover;
	}
	.sectInner-header {
		float: left;
		width: 100%;
		margin-bottom: 13px;
		font-size: 27px;
		color: #1b75bc;
		line-height: 40px;
		font-weight: 300
	}
	.sectInner-left {
		float: left;
		width: 37%;
		margin: 0;
	}
	.sectInner-left ul {
		float: left;
		width: 100%;
		margin-left: 21px;
	}
	.sectInner-left li {
		margin: 0 0 7px;
	}
	.sectInner-right {
		float: right;
		width: 60%;
		margin: 0;
	}
	.sectInner-right img {
		width: 100%;
	}
	.full-image {
		float: left;
		width: 100%;
		margin: 0;
	}
	.full-image img {
		width: 100%;
	}
	
	/* footer */
	footer {
		float: left;
		width: 90%;
		margin: 3% 0 0;
		padding: 3% 5%;
		background-color: #f1f1f1;
		text-align: center;
		font-size: 17px;
		color: #000;
		line-height: 21px;
	}
	footer a {
		font-size: 17px;
		color: #000;
		text-decoration: none;
	}
	
} /* end layout full */

/* -------------- layout 1200 -------------- */
@media screen and (min-width: 981px) and (max-width:1200px) {
	
	/* header */
	header {
		float: left;
		position: fixed;
		width: 94%;
		margin: 0;
		padding: 1% 3%;
		background-image: url(../images/bg/fl1-bg-header.png);
		
	}
	.logo {
		float: left;
		width: 20%;
		margin: 0;
		text-align: left;
	}
	.logo img {
		width: 210px;
	}
	.navWrapper {
		float: right;
		width: 77%;
		margin: 30px 0 0;
	}
	.nav {
		float: right;
		margin: 0;
	}
	.nav a {
		font-size: 18px;
		color: #00417a;
		text-decoration: none;
		/*text-transform: uppercase;*/
	}
	.nav li {
		display: inline-block;
		margin: 0 13px;
		list-style: none;
	}
	.nav li img {
		width: 27px;
		vertical-align: bottom;
	}
	.nav .navRed {
		color: #b00f15;
	}
	/* mobile menu */
	.topnav {                                 
		display: none;
	}
	/* banner */
	.banner {
		float: left;
		width: 100%;
		margin: 0 0 20px;
		padding: 5% 0 5%;
		background-image: url(../images/banner/fl1-banner-img.png);
		background-position: center top;
		background-size: cover;
	}
	.bannerContent-wrapper {
		float: left;
		width: 90%;
		margin: 200px 5% 100px;
	}
	.bannerHeader {
		float: left;
		width: 100%;
		margin: 0 0 30px;
		font-size: 60px;
		color: #00417a;
		text-align: center;
		text-transform: uppercase;
		text-shadow: 0px 3px 5px #fff;
		font-weight: 500;
	}
	.bannerSubHeader {
		float: left;
		width: 100%;
		margin: 0;
		font-size: 40px;
		color: #00417a;
		text-align: center;
		text-shadow: 0px 3px 5px #fff;
		font-weight: 500;
	}
	/* main page sections */
	.mpSect-wrapper {   /* about */
		float: left;
		width: 90%;
		padding: 3% 5%;
		margin: 50px 0;
	}
	.mpSect-col1 {
		float: left;
		width: 35%;
		font-size: 18px;
		color: #000;
		text-align: center;
	}
	.mpSect-col2 {
		float: right;
		width: 60%;
		font-size: 18px;
		color: #000;
		text-align: left;
		line-height: 24px;
	}
	.mpSect-header {
		font-size: 37px;
		color: #000;
		line-height: 60px;
		text-transform: uppercase;
	}
	.mpSect-images-wrapper {   /* services */
		float: left;
		width: 90%;
		margin: 30px 5%;
		text-align: center;
	}
	.mpSect-images {
		display: inline-block;
		width: 27%;
		margin: 0 2%;
		vertical-align: top;
	}
	.mpSect-images img {
		width: 100%;
	}
	.mpMisCert-wrapper {   /* mission certifications */
		float: left;
		width: 100%;
		margin: 3% 0;
		padding: 0;
	}
	.mpMisCert-col1 {
		float: left;
		width: 49%;
		margin: 110px 0 0;
		padding: 5% 3%;
		background-color: #000;
		font-size: 18px;
		color: #fff;
		text-align: left;
		line-height: 24px;
	}
	.mpMisCert-col1-header {
		float: left;
		width: 100%;
		margin-bottom: 30px;
		font-size: 37px;
		color: #fff;
	}
	.mpMisCert-col1 a {
		font-size: 18px;
		color: #fff;
		text-decoration: none;
		font-style: italic;
	}
	.mpMisCert-col1 ul {
		margin: 13px 0 13px 30px;
	}
	.mpMisCert-col1 li {
		margin-bottom: 13px;
	}
	.mpMisCert-col2 {
		float: right;
		width: 39%;
		margin: 0;
		padding: 5% 3%;
		font-size: 18px;
		color: #fff;
		text-align: left;
		line-height: 24px;
		background-image: url(../images/bg/fl1-bg-certificates.png);
	}
	.mpMisCert-col2-header {
		float: left;
		width: 100%;
		margin-bottom: 30px;
		font-size: 27px;
		color: #fff;
	}
	.mpNews-wrapper {   /* news - newsletter */
		float: left;
		width: 100%;
		margin: 3% 0;
		padding: 0;
	}
	.mpNews-col1 {
		float: left;
		width: 49%;
		margin: 0;
		padding: 5% 3%;
		background-image: url(../images/bg/fl1-bg-certificates.png);
		font-size: 18px;
		color: #fff;
		text-align: left;
		line-height: 24px;
	}
	.mpNews-col1-header {
		float: left;
		width: 100%;
		margin-bottom: 30px;
		font-size: 37px;
		color: #fff;
	}
	.mpNews-col1 a {
		font-size: 18px;
		color: #fff;
		text-decoration: none;
		font-style: italic;
	}
	.mpNews-col1 ul {
		margin: 13px 0 13px 30px;
	}
	.mpNews-col1 li {
		margin-bottom: 13px;
	}
	.mpNews-col2 {
		float: right;
		width: 39%;
		margin: 110px 0 0;
		padding: 5% 3%;
		font-size: 18px;
		color: #fff;
		text-align: left;
		line-height: 24px;
		background-image: url(../images/bg/fl1-bg-newsletter.png);
	}
	.mpNews-col2 a {
		font-size: 18px;
		color: #fff;
		text-decoration: none;
	}
	.mpNews-col2-header {
		float: left;
		width: 100%;
		margin-bottom: 30px;
		font-size: 27px;
		color: #fff;
	}
	.mpNLform {   /* newsletter form */
		float: left;
		width: 100%;
		margin: 13px 0;
	}
	.mpNLform-input {
		float: left;
		width: 100%;
		height: 40px;
		margin: 0 0 7px;
		padding-bottom: 3px;
		background: none;
		border-top: none;
		border-right: none;
		border-bottom: 1px solid #fff;
		border-left: none;
		font-size: 17px;
		color: #fff;
		text-indent: 7px;
	}
	.mpNLform-submit {
		float: left;
		width: 200px;
		height: 40px;
		line-height: 40px;
		margin: 30px 0 0;
		text-align: center;
		background-color: #fff;
		border: none;
		font-size: 20px;
		color: #b00f15;
	}
	.mpContact-form {   /* contact form */
		float: left;
		width: 100%;
		margin: 13px 0;
	}
	.mpContact-form-input {
		float: left;
		width: 100%;
		height: 40px;
		margin: 0 0 7px;
		padding-bottom: 3px;
		background: none;
		border-top: none;
		border-right: none;
		border-bottom: 1px solid #b00f15;
		border-left: none;
		font-size: 17px;
		color: #000;
		text-indent: 7px;
	}
	.mpContact-form-message {
		float: left;
		width: 100%;
		margin: 21px 0 7px;
		padding-bottom: 3px;
		background: none;
		border-top: none;
		border-right: none;
		border-bottom: 1px solid #b00f15;
		border-left: none;
		font-size: 17px;
		color: #000;
		text-indent: 7px;
	}
	.mpContact-form-submit {
		float: left;
		width: 200px;
		height: 40px;
		line-height: 40px;
		margin: 30px 0 0;
		text-align: center;
		background-color: #b00f15;
		border: none;
		font-size: 20px;
		color: #fff;
	}
	
	/* general css */
	.content{
		float: left;
		width: 90%;
		margin: 200px 5%;
		padding: 0;
		font-size: 17px;
		color: #000;
		line-height: 21px;
	}
	.content a {
		font-size: 17px;
		color: #b00f15;
		text-decoration: none;
	}
	h1 {
		float: left;
		width: 100%;
		margin-bottom: 50px;
		padding-bottom: 13px;
		border-bottom: 1px solid #00417a;
		font-size: 27px;
		color: #00417a;
		text-transform: uppercase;
		font-weight: 500;
	}
	h2 {
		float: left;
		width: 100%;
		margin-bottom: 50px;
		padding-bottom: 13px;
		font-size: 23px;
		color: #00417a;
		text-transform: uppercase;
		font-weight: normal;
		text-align: center;
	}
	.spacer {
		float: left;
		width: 90%;
		margin: 0 5% 50px;
		height: 30px;
		line-height: 30px;
		border-bottom: 1px solid #e7e7e7;
	}
	/* about */
	.about-image-wrapper {
		float: left;
		width: 100%;
		margin: 0 0 30px;
		text-align: center;
	}	
	.about-image {
		display: inline-block;
		width: 23%;
		margin: 0 .5% 30px;
		vertical-align: top;
		font-size: 17px;
		color: #000;
	}
	.about-image-header {
		float: left;
		width: 100%;
		margin-bottom: 7px;
		font-size: 21px;
		color: #00417a;
	}
	.about-image img {
		width: 80%;
		margin: 0 10% 7px;
	}
	/* certifications */
	.cert-wrapper {
		float: left;
		width: 100%;
		margin: 0 0 30px;
	}
	.cert-col1 {
		float: left;
		width: 47%;
		margin: 0;
		text-align: left;
	}
	.cert-col1-header {
		float: left;
		width: 100%;
		margin-bottom: 21px;
		font-size: 20px;
		color: #00417a;
		line-height: 27px;
		text-transform: uppercase;
	}
	.cert-col2 {
		float: right;
		width: 47%;
		margin: 0;
		text-align: left;
	}
	.cert-col2-header {
		float: left;
		width: 100%;
		margin-bottom: 21px;
		font-size: 20px;
		color: #00417a;
		line-height: 27px;
		text-transform: uppercase;
	}
	/* services */
	.services-wrapper {
		float: left;
		width: 90%;
		margin: 0 5% 30px;
		padding-bottom: 21px;
		border-bottom: 1px solid #e7e7e7;
		line-height: 24px;
	}
	.services-wrapper h2 {
		float: left;
		width: 100%;
		margin-bottom: 7px;
		font-size: 21px;
		color: #00417a;
		text-align: left;
	}
	/* services section 1 */
	.services-col1 {
		float: left;
		width: 25%;
		margin: 0 2% 0 0;
	}
	.services-col1 img {
		float: left;
		width: 100%;
		margin: 0;
	}
	.services-col2 {
		float: right;
		width: 71%;
		margin: 0;
	}
	.services-col2 ul {
		float: left;
		width: 100%;
		margin: 13px 0 13px 30px;
	}
	.services-col2 li {
		margin-bottom: 7px;
	}
	/* services section 2 */
	.services-col3 {
		float: left;
		width: 71%;
		margin: 0;
	}
	.services-col3 ul {
		float: left;
		width: 100%;
		margin: 13px 0 13px 30px;
	}
	.services-col3 li {
		margin-bottom: 7px;
	}
	.services-col4 {
		float: left;
		width: 25%;
		margin: 0 0 0 2%;
	}
	.services-col4 img {
		float: right;
		width: 100%;
	}
	.services-col5 {
		display: none;
	}
	.services-col6 {
		display: none;
	}
	
	/* realwear */
	.content-realwear{
		float: left;
		width: 100%;
		margin: 150px 0;
		padding: 0;
		font-size: 17px;
		color: #000;
		line-height: 21px;
	}
	.content-realwear a {
		font-size: 17px;
		color: #b00f15;
		text-decoration: none;
	}
	.rwHeader-image {
		float: left;
		width: 100%;
		margin: 0 0 50px;;
		text-align: center;
	}
	.rwHeader-image img {
		width: 100%;
	}
	.rwSect1 {
		float: left;
		width: 100%;
		margin: 30px 0 0;
		text-align: center;
		font-size: 45px;
		color: #000;
		font-family: 'Roboto', sans-serif;
	}
	.rwSect1-header {
		float: left;
		width: 100%;
		margin-bottom: 50px;
		font-size: 80px;
		color: #00417a;
		text-align: center;
		font-family: 'Roboto', sans-serif;
		font-weight: bold;
	}
	.rwSect1-Image {
		float: left;
		width: 100%;
		margin: 21px 0 0;
		text-align: center;
	}
	.rwSect1-Image img {
		width: 300px;
	}
	.rwCol-wrapper {
		float: left;
		width: 90%;
		margin: 0 5% 30px;
	}
	.rwCol-left {
		float: left;
		width: 35%;
		margin: 0;
		font-size: 23px;
		color: #000;
		text-align: center;
	}
	.rwCol-left-header {
		float: left;
		width: 100%;
		margin-bottom: 21px;
		font-size: 40px;
		color: #00417a;
	}
	.rwCol-left img {
		width: 100%;
	}
	.rwCol-right {
		float: right;
		width: 63%;
		margin: 0;
		font-size: 20px;
		color: #000;
		line-height: 24px;
	}
	.rwCol-right a {
		font-size: 20px;
		color: #b00f15;
		text-decoration: none;
	}
	.rwCol-right-header {
		float: left;
		width: 100%;
		margin-bottom: 33px;
		font-size: 33px;
		color: #00417a;
	}
	.rwCol-right-image {
		float: left;
		width: 100%;
		margin: 21px 0;
		text-align: center;
	}
	.rwCol-right-image img {
		width: 30%;
		margin: 0px 1px;
	}
	.rwSect2-wrapper {
		float: left;
		width: 100%;
		margin: 30px 0;
		text-align: center;
	}
	.rwSect2 {
		display: inline-block;
		width: 21%;
		margin: 0 1%;
		vertical-align: top;
		font-size: 17px;
		color: #000;
		line-height: 21px;
	}
	.rwSect2-header {
		float: left;
		width: 100%;
		margin-bottom: 13px;
		font-size: 23px;
		color: #00417a;
	}
	.rwSect2 ul {
		margin-left: 21px;
		margin-top: 7px;
		text-align: left;
	}
	.rwSect2 li {
		margin: 0 0 7px;
	}
	
	/* purlin */
	.content-purlin{
		float: left;
		width: 100%;
		margin: 150px 0;
		padding: 0;
		font-size: 17px;
		color: #000;
		line-height: 21px;
	}
	.content-purlin a {
		font-size: 17px;
		color: #b00f15;
		text-decoration: none;
	}
	.purlin-banner-wrapper {
		float: left;
		width: 100%;
		margin: 0 0 3%;
		padding: 3% 0 150px;
		background-image: url(../images/bg/purlin-bg1.png);
		background-position: center top;
		background-size: cover;
	}
	.purlin-logo {
		float: left;
		width: 100%;
		margin: 0 0 70px;
		text-align: center;
	}
	.purlin-logo img {
		width: 300px;
	}
	.purlin-header1 {
		float: left;
		width: 80%;
		margin: 0 10% 100px;
		font-size: 60px;
		line-height: 60px;
		color: #f9f9f9;
		font-weight: 300;
		text-align: center;
		text-shadow: 2px 5px 4px #000
	}
	.purlin-header2 {
		float: left;
		width: 80%;
		margin: 0 10% 0px;
		font-size: 27px;
		line-height: 37px;
		color: #262262;
		font-weight: 300;
		text-align: center;
	}
	/* purlin sections */
	.sect-wrapper {
		float: left;
		width: 90%;
		margin: 0;
		padding: 5% 5%;
	}
	.sect-wrapper-bg-blue30 {
		background-image: url(../images/bg/purlin-bg-blue-30.png);
	}
	.sect-wrapper h3 {
		float: left;
		width: 100%;
		margin-bottom: 30px;
		font-size: 40px;
		color: #1b75bc;
		font-weight: 300;
	}
	.sectContent {
		float: left;
		width: 100%;
		margin: 0;
		padding: 0;
		font-size: 17px;
		color: #000;
		line-height: 24px;
		font-weight: 300;
	}
	.sectCol-wrapper {
		float: left;
		width: 100%;
		margin: 50px 0;
		text-align: center;
	}
	.sectCol {
		display: inline-block;
		width: 30%;
		margin: 0 1.5% 30px;
		vertical-align: top;
		text-align: left;
	}
	.sectCol-header {
		float: left;
		width: 100%;
		margin-bottom: 13px;
		font-size: 27px;
		color: #1b75bc;
		line-height: 35px;
		font-weight: 300
	}
	.sectInner {
		float: left;
		width: 94%;
		margin: 21px 0;
		padding: 3%;
	}
	.sectInner-bg-1 {
		background-image: url(../images/bg/purlin-bg-section.png);
		background-position: center top;
		background-size: cover;
	}
	.sectInner-bg-2 {
		background-image: url(../images/bg/purlin-bg-enviro.png);
		background-position: center top;
		background-size: cover;
	}
	.sectInner-header {
		float: left;
		width: 100%;
		margin-bottom: 13px;
		font-size: 27px;
		color: #1b75bc;
		line-height: 40px;
		font-weight: 300
	}
	.sectInner-left {
		float: left;
		width: 37%;
		margin: 0;
	}
	.sectInner-left ul {
		float: left;
		width: 100%;
		margin-left: 21px;
	}
	.sectInner-left li {
		margin: 0 0 7px;
	}
	.sectInner-right {
		float: right;
		width: 60%;
		margin: 0;
	}
	.sectInner-right img {
		width: 100%;
	}
	.full-image {
		float: left;
		width: 100%;
		margin: 0;
	}
	.full-image img {
		width: 100%;
	}
	
	/* footer */
	footer {
		float: left;
		width: 90%;
		margin: 3% 0 0;
		padding: 3% 5%;
		background-color: #f1f1f1;
		text-align: center;
		font-size: 17px;
		color: #000;
		line-height: 21px;
	}
	footer a {
		font-size: 17px;
		color: #000;
		text-decoration: none;
	}
	
} /* end layout 1200 */

/* -------------- layout 980 -------------- */
@media screen and (min-width: 768px) and (max-width:980px) {
	
	/* header */
	header {
		float: left;
		position: fixed;
		width: 94%;
		margin: 0;
		padding: 1% 3% 2%;
		background-image: url(../images/bg/fl1-bg-header.png);
		
	}
	.logo {
		float: left;
		width: 100%;
		margin: 0;
		text-align: center;
	}
	.logo img {
		width: 230px;
	}
	.navWrapper {
		float: left;
		width: 100%;
		margin: 13px 0 0;
		text-align: center;
	}
	.nav {
		margin: 0;
	}
	.nav a {
		font-size: 18px;
		color: #00417a;
		text-decoration: none;
	}
	.nav li {
		display: inline-block;
		margin: 0 13px;
		list-style: none;
	}
	.nav li img {
		width: 27px;
		vertical-align: bottom;
	}
	.nav .navRed {
		color: #b00f15;
	}
	/* mobile menu */
	.topnav {                                 
		display: none;
	}
	/* banner */
	.banner {
		float: left;
		width: 100%;
		margin: 0 0 20px;
		padding: 5% 0 5%;
		background-image: url(../images/banner/fl1-banner-img.png);
		background-position: center top;
		background-size: cover;
	}
	.bannerContent-wrapper {
		float: left;
		width: 90%;
		margin: 200px 5% 100px;
	}
	.bannerHeader {
		float: left;
		width: 100%;
		margin: 0 0 30px;
		font-size: 50px;
		color: #00417a;
		text-align: center;
		text-transform: uppercase;
		text-shadow: 0px 3px 5px #fff;
		font-weight: 500;
	}
	.bannerSubHeader {
		float: left;
		width: 100%;
		margin: 0;
		font-size: 35px;
		color: #00417a;
		text-align: center;
		text-shadow: 0px 3px 5px #fff;
		font-weight: 500;
	}
	/* main page sections */
	.mpSect-wrapper {   /* about */
		float: left;
		width: 90%;
		padding: 3% 5%;
		margin: 50px 0;
	}
	.mpSect-col1 {
		float: left;
		width: 35%;
		font-size: 18px;
		color: #000;
		text-align: center;
	}
	.mpSect-col2 {
		float: right;
		width: 60%;
		font-size: 18px;
		color: #000;
		text-align: left;
		line-height: 24px;
	}
	.mpSect-header {
		font-size: 30px;
		color: #000;
		line-height: 40px;
		text-transform: uppercase;
	}
	.mpSect-images-wrapper {   /* services */
		float: left;
		width: 90%;
		margin: 30px 5%;
		text-align: center;
	}
	.mpSect-images {
		display: inline-block;
		width: 31%;
		margin: 0 .5%;
		vertical-align: top;
	}
	.mpSect-images img {
		width: 100%;
	}
	.mpMisCert-wrapper {   /* mission certifications */
		float: left;
		width: 100%;
		margin: 3% 0;
		padding: 0;
	}
	.mpMisCert-col1 {
		float: left;
		width: 49%;
		margin: 110px 0 0;
		padding: 5% 3%;
		background-color: #000;
		font-size: 17px;
		color: #fff;
		text-align: left;
		line-height: 24px;
	}
	.mpMisCert-col1-header {
		float: left;
		width: 100%;
		margin-bottom: 30px;
		font-size: 30px;
		color: #fff;
	}
	.mpMisCert-col1 a {
		font-size: 17px;
		color: #fff;
		text-decoration: none;
		font-style: italic;
	}
	.mpMisCert-col1 ul {
		margin: 13px 0 13px 30px;
	}
	.mpMisCert-col1 li {
		margin-bottom: 13px;
	}
	.mpMisCert-col2 {
		float: right;
		width: 39%;
		margin: 0;
		padding: 5% 3%;
		font-size: 17px;
		color: #fff;
		text-align: left;
		line-height: 24px;
		background-image: url(../images/bg/fl1-bg-certificates.png);
	}
	.mpMisCert-col2-header {
		float: left;
		width: 100%;
		margin-bottom: 30px;
		font-size: 23px;
		color: #fff;
	}
	.mpNews-wrapper {   /* news - newsletter */
		float: left;
		width: 100%;
		margin: 3% 0;
		padding: 0;
	}
	.mpNews-col1 {
		float: left;
		width: 49%;
		margin: 0;
		padding: 5% 3%;
		background-image: url(../images/bg/fl1-bg-certificates.png);
		font-size: 17px;
		color: #fff;
		text-align: left;
		line-height: 24px;
	}
	.mpNews-col1-header {
		float: left;
		width: 100%;
		margin-bottom: 30px;
		font-size: 30px;
		color: #fff;
	}
	.mpNews-col1 a {
		font-size: 17px;
		color: #fff;
		text-decoration: none;
		font-style: italic;
	}
	.mpNews-col1 ul {
		margin: 13px 0 13px 30px;
	}
	.mpNews-col1 li {
		margin-bottom: 13px;
	}
	.mpNews-col2 {
		float: right;
		width: 39%;
		margin: 110px 0 0;
		padding: 5% 3%;
		font-size: 17px;
		color: #fff;
		text-align: left;
		line-height: 24px;
		background-image: url(../images/bg/fl1-bg-newsletter.png);
	}
	.mpNews-col2 a {
		font-size: 17px;
		color: #fff;
		text-decoration: none;
	}
	.mpNews-col2-header {
		float: left;
		width: 100%;
		margin-bottom: 30px;
		font-size: 27px;
		color: #fff;
	}
	.mpNLform {   /* newsletter form */
		float: left;
		width: 100%;
		margin: 13px 0;
	}
	.mpNLform-input {
		float: left;
		width: 100%;
		height: 40px;
		margin: 0 0 7px;
		padding-bottom: 3px;
		background: none;
		border-top: none;
		border-right: none;
		border-bottom: 1px solid #fff;
		border-left: none;
		font-size: 17px;
		color: #fff;
		text-indent: 7px;
	}
	.mpNLform-submit {
		float: left;
		width: 200px;
		height: 40px;
		line-height: 40px;
		margin: 30px 0 0;
		text-align: center;
		background-color: #fff;
		border: none;
		font-size: 20px;
		color: #b00f15;
	}
	.mpContact-form {   /* contact form */
		float: left;
		width: 100%;
		margin: 13px 0;
	}
	.mpContact-form-input {
		float: left;
		width: 100%;
		height: 40px;
		margin: 0 0 7px;
		padding-bottom: 3px;
		background: none;
		border-top: none;
		border-right: none;
		border-bottom: 1px solid #b00f15;
		border-left: none;
		font-size: 17px;
		color: #000;
		text-indent: 7px;
	}
	.mpContact-form-message {
		float: left;
		width: 100%;
		margin: 21px 0 7px;
		padding-bottom: 3px;
		background: none;
		border-top: none;
		border-right: none;
		border-bottom: 1px solid #b00f15;
		border-left: none;
		font-size: 17px;
		color: #000;
		text-indent: 7px;
	}
	.mpContact-form-submit {
		float: left;
		width: 200px;
		height: 40px;
		line-height: 40px;
		margin: 30px 0 0;
		text-align: center;
		background-color: #b00f15;
		border: none;
		font-size: 20px;
		color: #fff;
	}
	
	/* general css */
	.content{
		float: left;
		width: 90%;
		margin: 200px 5%;
		padding: 0;
		font-size: 17px;
		color: #000;
		line-height: 21px;
	}
	.content a {
		font-size: 17px;
		color: #b00f15;
		text-decoration: none;
	}
	h1 {
		float: left;
		width: 100%;
		margin-bottom: 50px;
		padding-bottom: 13px;
		border-bottom: 1px solid #00417a;
		font-size: 25px;
		color: #00417a;
		text-transform: uppercase;
		font-weight: 500;
	}
	h2 {
		float: left;
		width: 100%;
		margin-bottom: 50px;
		padding-bottom: 13px;
		font-size: 23px;
		color: #00417a;
		text-transform: uppercase;
		font-weight: normal;
		text-align: center;
	}
	.spacer {
		float: left;
		width: 90%;
		margin: 0 5% 50px;
		height: 30px;
		line-height: 30px;
		border-bottom: 1px solid #e7e7e7;
	}
	/* about */
	.about-image-wrapper {
		float: left;
		width: 100%;
		margin: 0 0 30px;
		text-align: center;
	}	
	.about-image {
		display: inline-block;
		width: 45%;
		margin: 0 2% 30px;
		vertical-align: top;
		font-size: 17px;
		color: #000;
	}
	.about-image-header {
		float: left;
		width: 100%;
		margin-bottom: 7px;
		font-size: 21px;
		color: #00417a;
	}
	.about-image img {
		width: 50%;
		margin: 0 25% 7px;
	}
	/* certifications */
	.cert-wrapper {
		float: left;
		width: 100%;
		margin: 0 0 30px;
	}
	.cert-col1 {
		float: left;
		width: 47%;
		margin: 0;
		text-align: left;
	}
	.cert-col1-header {
		float: left;
		width: 100%;
		margin-bottom: 21px;
		font-size: 21px;
		color: #00417a;
		line-height: 27px;
		text-transform: uppercase;
	}
	.cert-col2 {
		float: right;
		width: 47%;
		margin: 0;
		text-align: left;
	}
	.cert-col2-header {
		float: left;
		width: 100%;
		margin-bottom: 21px;
		font-size: 20px;
		color: #00417a;
		line-height: 27px;
		text-transform: uppercase;
	}
	/* services */
	.services-wrapper {
		float: left;
		width: 100%;
		margin: 0 0 30px;
		padding-bottom: 21px;
		border-bottom: 1px solid #e7e7e7;
		line-height: 24px;
	}
	.services-wrapper h2 {
		float: left;
		width: 100%;
		margin-bottom: 7px;
		font-size: 21px;
		color: #00417a;
		text-align: left;
	}
	/* services section 1 */
	.services-col1 {
		float: left;
		width: 25%;
		margin: 0 2% 0 0;
	}
	.services-col1 img {
		float: left;
		width: 100%;
		margin: 0;
	}
	.services-col2 {
		float: right;
		width: 71%;
		margin: 0;
	}
	.services-col2 ul {
		float: left;
		width: 95%;
		margin: 13px 0 13px 5%;
	}
	.services-col2 li {
		margin-bottom: 7px;
	}
	/* services section 2 */
	.services-col3 {
		float: left;
		width: 71%;
		margin: 0;
	}
	.services-col3 ul {
		float: left;
		width: 100%;
		margin: 13px 0 13px 30px;
	}
	.services-col3 li {
		margin-bottom: 7px;
	}
	.services-col4 {
		float: left;
		width: 25%;
		margin: 0 0 0 2%;
	}
	.services-col4 img {
		float: right;
		width: 100%;
	}
	.services-col5 {
		display: none;
	}
	.services-col6 {
		display: none;
	}
	
	/* realwear */
	.content-realwear{
		float: left;
		width: 100%;
		margin: 150px 0 50px;
		padding: 0;
		font-size: 17px;
		color: #000;
		line-height: 21px;
	}
	.content-realwear a {
		font-size: 17px;
		color: #b00f15;
		text-decoration: none;
	}
	.rwHeader-image {
		float: left;
		width: 100%;
		margin: 0 0 50px;;
		text-align: center;
	}
	.rwHeader-image img {
		width: 100%;
	}
	.rwSect1 {
		float: left;
		width: 100%;
		margin: 30px 0 0;
		text-align: center;
		font-size: 40px;
		color: #000;
		font-family: 'Roboto', sans-serif;
	}
	.rwSect1-header {
		float: left;
		width: 100%;
		margin-bottom: 50px;
		font-size: 70px;
		color: #00417a;
		text-align: center;
		font-family: 'Roboto', sans-serif;
		font-weight: bold;
	}
	.rwSect1-Image {
		float: left;
		width: 100%;
		margin: 21px 0 0;
		text-align: center;
	}
	.rwSect1-Image img {
		width: 300px;
	}
	.rwCol-wrapper {
		float: left;
		width: 90%;
		margin: 0 5% 30px;
	}
	.rwCol-left {
		float: left;
		width: 35%;
		margin: 0;
		font-size: 21px;
		color: #000;
		text-align: center;
	}
	.rwCol-left-header {
		float: left;
		width: 100%;
		margin-bottom: 21px;
		font-size: 35px;
		color: #00417a;
	}
	.rwCol-left img {
		width: 100%;
	}
	.rwCol-right {
		float: right;
		width: 63%;
		margin: 0;
		font-size: 18px;
		color: #000;
		line-height: 24px;
	}
	.rwCol-right a {
		font-size: 18px;
		color: #b00f15;
		text-decoration: none;
	}
	.rwCol-right-header {
		float: left;
		width: 100%;
		margin-bottom: 21px;
		font-size: 27px;
		color: #00417a;
	}
	.rwCol-right-image {
		float: left;
		width: 100%;
		margin: 21px 0;
		text-align: center;
	}
	.rwCol-right-image img {
		width: 30%;
		margin: 0px 1px;
	}
	.rwSect2-wrapper {
		float: left;
		width: 100%;
		margin: 30px 0;
		text-align: center;
	}
	.rwSect2 {
		display: inline-block;
		width: 45%;
		margin: 0 2% 30px;
		vertical-align: top;
		font-size: 17px;
		color: #000;
		line-height: 21px;
	}
	.rwSect2-header {
		float: left;
		width: 100%;
		margin-bottom: 13px;
		font-size: 23px;
		color: #00417a;
	}
	.rwSect2 ul {
		margin-left: 21px;
		margin-top: 7px;
		text-align: left;
	}
	.rwSect2 li {
		margin: 0 0 7px;
	}
	
	/* purlin */
	.content-purlin{
		float: left;
		width: 100%;
		margin: 150px 0;
		padding: 0;
		font-size: 17px;
		color: #000;
		line-height: 21px;
	}
	.content-purlin a {
		font-size: 17px;
		color: #b00f15;
		text-decoration: none;
	}
	.purlin-banner-wrapper {
		float: left;
		width: 100%;
		margin: 0 0 3%;
		padding: 5% 0 70px;
		background-image: url(../images/bg/purlin-bg1.png);
		background-position: center top;
		background-size: cover;
	}
	.purlin-logo {
		float: left;
		width: 100%;
		margin: 0 0 70px;
		text-align: center;
	}
	.purlin-logo img {
		width: 300px;
	}
	.purlin-header1 {
		float: left;
		width: 90%;
		margin: 0 5% 70px;
		font-size: 50px;
		line-height: 50px;
		color: #f9f9f9;
		font-weight: 300;
		text-align: center;
		text-shadow: 2px 5px 4px #000
	}
	.purlin-header2 {
		float: left;
		width: 90%;
		margin: 0 5% 0px;
		font-size: 27px;
		line-height: 37px;
		color: #262262;
		font-weight: 300;
		text-align: center;
	}
	/* purlin sections */
	.sect-wrapper {
		float: left;
		width: 90%;
		margin: 0;
		padding: 7% 5% 5%;
	}
	.sect-wrapper-bg-blue30 {
		background-image: url(../images/bg/purlin-bg-blue-30.png);
	}
	.sect-wrapper h3 {
		float: left;
		width: 100%;
		margin-bottom: 30px;
		font-size: 33px;
		color: #1b75bc;
		font-weight: 300;
	}
	.sectContent {
		float: left;
		width: 100%;
		margin: 0;
		padding: 0;
		font-size: 17px;
		color: #000;
		line-height: 24px;
		font-weight: 300;
	}
	.sectCol-wrapper {
		float: left;
		width: 100%;
		margin: 50px 0;
		text-align: center;
	}
	.sectCol {
		display: inline-block;
		width: 100%;
		margin: 0 0 30px;
		vertical-align: top;
		text-align: left;
	}
	.sectCol-header {
		float: left;
		width: 100%;
		margin-bottom: 13px;
		font-size: 27px;
		color: #1b75bc;
		line-height: 35px;
		font-weight: 300
	}
	.sectInner {
		float: left;
		width: 94%;
		margin: 21px 0;
		padding: 3%;
	}
	.sectInner-bg-1 {
		background-image: url(../images/bg/purlin-bg-section.png);
		background-position: center top;
		background-size: cover;
	}
	.sectInner-bg-2 {
		background-image: url(../images/bg/purlin-bg-enviro.png);
		background-position: center top;
		background-size: cover;
	}
	.sectInner-header {
		float: left;
		width: 100%;
		margin-bottom: 13px;
		font-size: 27px;
		color: #1b75bc;
		line-height: 40px;
		font-weight: 300
	}
	.sectInner-left {
		float: left;
		width: 37%;
		margin: 0;
	}
	.sectInner-left ul {
		float: left;
		width: 100%;
		margin-left: 21px;
	}
	.sectInner-left li {
		margin: 0 0 7px;
	}
	.sectInner-right {
		float: right;
		width: 60%;
		margin: 0;
	}
	.sectInner-right img {
		width: 100%;
	}
	.full-image {
		float: left;
		width: 100%;
		margin: 0;
	}
	.full-image img {
		width: 100%;
	}
	
	/* footer */
	footer {
		float: left;
		width: 90%;
		margin: 3% 0 0;
		padding: 3% 5%;
		background-color: #f1f1f1;
		text-align: center;
		font-size: 16px;
		color: #000;
		line-height: 21px;
	}
	footer a {
		font-size: 16px;
		color: #000;
		text-decoration: none;
	}
	
} /* end layout 980 */

/* -------------- layout 767 -------------- */
@media screen and (min-width: 481px) and (max-width:767px) {
	
	/* header */
	header {
		float: left;
		width: 100%;
		margin: 0;
		padding: 1% 0 2%;
		background-image: url(../images/bg/fl1-bg-header.png);
		
	}
	.logo {
		float: left;
		width: 100%;
		margin: 0;
		text-align: center;
	}
	.logo img {
		width: 230px;
	}
	.navWrapper {
		float: left;
		width: 100%;
		margin: 13px 0 0;
	}
	.nav {
		display: none;
	}
	/* mobile menu */
	.topnav {                                 
		overflow: hidden;
		background-color: #fff;
		position: relative;
		border-bottom: 1px solid #e7e7e7;
		margin-bottom: 0;
	}
	.topnav #myLinks {
		display: none;
	}
	.topnav #myLinks img {
		width: 30px;
		vertical-align: bottom;
	}
	.topnav a {
		color: #00417a;
		padding: 11px 21px 13px;
		text-decoration: none;
		font-size: 21px;
		display: block;
	}
	.topnav a.icon {
		background: none;
		display: block;
		position: absolute;
		right: 0;
		top: 0;
		font-size: 24px;
	}
	.topnav a:hover {
		background-color: none;
		color: #00417a;
	}
	.active {
		background-color: #fff;
		color: #00417a;
	}
	/* banner */
	.banner {
		float: left;
		width: 100%;
		margin: 0 0 20px;
		padding: 0 0 5%;
		background-image: url(../images/banner/fl1-banner-img.png);
		background-position: center top;
		background-size: cover;
	}
	.bannerContent-wrapper {
		float: left;
		width: 90%;
		margin: 33px 5%;
	}
	.bannerHeader {
		float: left;
		width: 100%;
		margin: 0 0 30px;
		font-size: 40px;
		color: #00417a;
		text-align: center;
		text-transform: uppercase;
		text-shadow: 0px 3px 5px #fff;
		font-weight: 500;
	}
	.bannerSubHeader {
		float: left;
		width: 100%;
		margin: 0;
		font-size: 30px;
		color: #00417a;
		text-align: center;
		text-shadow: 0px 3px 5px #fff;
		font-weight: 500;
	}
	/* main page sections */
	.mpSect-wrapper {   /* about */
		float: left;
		width: 90%;
		padding: 3% 5%;
		margin: 50px 0;
	}
	.mpSect-col1 {
		float: left;
		width: 90%;
		margin: 0 5% 21px;
		font-size: 18px;
		color: #000;
		text-align: center;
	}
	.mpSect-col2 {
		float: left;
		width: 90%;
		margin: 0 5%;
		font-size: 18px;
		color: #000;
		text-align: left;
		line-height: 24px;
	}
	.mpSect-header {
		font-size: 30px;
		color: #000;
		line-height: 40px;
		text-transform: uppercase;
	}
	.mpSect-images-wrapper {   /* services */
		float: left;
		width: 90%;
		margin: 30px 5%;
		text-align: center;
	}
	.mpSect-images {
		display: inline-block;
		width: 80%;
		margin: 0 10% 30px;
		vertical-align: top;
	}
	.mpSect-images img {
		width: 100%;
	}
	.mpMisCert-wrapper {   /* mission certifications */
		float: left;
		width: 100%;
		margin: 0 0;
		padding: 0;
	}
	.mpMisCert-col1 {
		float: left;
		width: 90%;
		margin: 110px 0 0;
		padding: 5% 5%;
		background-color: #000;
		font-size: 17px;
		color: #fff;
		text-align: left;
		line-height: 24px;
	}
	.mpMisCert-col1-header {
		float: left;
		width: 100%;
		margin-bottom: 30px;
		font-size: 30px;
		color: #fff;
	}
	.mpMisCert-col1 a {
		font-size: 17px;
		color: #fff;
		text-decoration: none;
		font-style: italic;
	}
	.mpMisCert-col1 ul {
		margin: 13px 0 13px 30px;
	}
	.mpMisCert-col1 li {
		margin-bottom: 13px;
	}
	.mpMisCert-col2 {
		float: right;
		width: 90%;
		margin: 0;
		padding: 5% 5%;
		font-size: 17px;
		color: #fff;
		text-align: left;
		line-height: 24px;
		background-image: url(../images/bg/fl1-bg-certificates.png);
	}
	.mpMisCert-col2-header {
		float: left;
		width: 100%;
		margin-bottom: 30px;
		font-size: 23px;
		color: #fff;
	}
	.mpNews-wrapper {   /* news - newsletter */
		float: left;
		width: 100%;
		margin: 3% 0;
		padding: 0;
	}
	.mpNews-col1 {
		float: left;
		width: 90%;
		margin: 0;
		padding: 5% 5%;
		background-image: url(../images/bg/fl1-bg-certificates.png);
		font-size: 17px;
		color: #fff;
		text-align: left;
		line-height: 24px;
	}
	.mpNews-col1-header {
		float: left;
		width: 100%;
		margin-bottom: 30px;
		font-size: 30px;
		color: #fff;
	}
	.mpNews-col1 a {
		font-size: 17px;
		color: #fff;
		text-decoration: none;
		font-style: italic;
	}
	.mpNews-col1 ul {
		margin: 13px 0 13px 30px;
	}
	.mpNews-col1 li {
		margin-bottom: 13px;
	}
	.mpNews-col2 {
		float: right;
		width: 90%;
		margin: 0;
		padding: 5% 5%;
		font-size: 17px;
		color: #fff;
		text-align: left;
		line-height: 24px;
		background-image: url(../images/bg/fl1-bg-newsletter.png);
	}
	.mpNews-col2 a {
		font-size: 17px;
		color: #fff;
		text-decoration: none;
	}
	.mpNews-col2-header {
		float: left;
		width: 100%;
		margin-bottom: 30px;
		font-size: 27px;
		color: #fff;
	}
	.mpNLform {   /* newsletter form */
		float: left;
		width: 100%;
		margin: 13px 0;
	}
	.mpNLform-input {
		float: left;
		width: 100%;
		height: 40px;
		margin: 0 0 7px;
		padding-bottom: 3px;
		background: none;
		border-top: none;
		border-right: none;
		border-bottom: 1px solid #fff;
		border-left: none;
		font-size: 17px;
		color: #fff;
		text-indent: 7px;
	}
	.mpNLform-submit {
		float: left;
		width: 200px;
		height: 40px;
		line-height: 40px;
		margin: 30px 0 0;
		text-align: center;
		background-color: #fff;
		border: none;
		font-size: 20px;
		color: #b00f15;
	}
	.mpContact-form {   /* contact form */
		float: left;
		width: 100%;
		margin: 13px 0;
	}
	.mpContact-form-input {
		float: left;
		width: 100%;
		height: 40px;
		margin: 0 0 7px;
		padding-bottom: 3px;
		background: none;
		border-top: none;
		border-right: none;
		border-bottom: 1px solid #b00f15;
		border-left: none;
		font-size: 17px;
		color: #000;
		text-indent: 7px;
	}
	.mpContact-form-message {
		float: left;
		width: 100%;
		margin: 21px 0 7px;
		padding-bottom: 3px;
		background: none;
		border-top: none;
		border-right: none;
		border-bottom: 1px solid #b00f15;
		border-left: none;
		font-size: 17px;
		color: #000;
		text-indent: 7px;
	}
	.mpContact-form-submit {
		float: left;
		width: 200px;
		height: 40px;
		line-height: 40px;
		margin: 30px 0 0;
		text-align: center;
		background-color: #b00f15;
		border: none;
		font-size: 20px;
		color: #fff;
	}
	
	/* general css */
	.content{
		float: left;
		width: 90%;
		margin: 30px 5%;
		padding: 0;
		font-size: 17px;
		color: #000;
		line-height: 21px;
	}
	.content a {
		font-size: 17px;
		color: #b00f15;
		text-decoration: none;
	}
	h1 {
		float: left;
		width: 100%;
		margin-bottom: 50px;
		padding-bottom: 13px;
		border-bottom: 1px solid #00417a;
		font-size: 23px;
		color: #00417a;
		text-transform: uppercase;
		font-weight: 500;
	}
	h2 {
		float: left;
		width: 100%;
		margin-bottom: 21px;
		padding-bottom: 13px;
		font-size: 21px;
		color: #00417a;
		text-transform: uppercase;
		font-weight: normal;
		text-align: center;
	}
	.spacer {
		float: left;
		width: 90%;
		margin: 0 5% 50px;
		height: 30px;
		line-height: 30px;
		border-bottom: 1px solid #e7e7e7;
	}
	/* about */
	.about-image-wrapper {
		float: left;
		width: 100%;
		margin: 0 0 30px;
		text-align: center;
	}	
	.about-image {
		display: inline-block;
		width: 80%;
		margin: 0 10% 30px;
		vertical-align: top;
		font-size: 17px;
		color: #000;
	}
	.about-image-header {
		float: left;
		width: 100%;
		margin-bottom: 7px;
		font-size: 21px;
		color: #00417a;
	}
	.about-image img {
		width: 70%;
		margin: 0 15% 7px;
	}
	/* certifications */
	.cert-wrapper {
		float: left;
		width: 100%;
		margin: 0 0 30px;
	}
	.cert-col1 {
		float: left;
		width: 100%;
		margin: 0 0 30px;;
		text-align: left;
	}
	.cert-col1-header {
		float: left;
		width: 100%;
		margin-bottom: 21px;
		font-size: 20px;
		color: #00417a;
		text-transform: uppercase;
	}
	.cert-col2 {
		float: right;
		width: 100%;
		margin: 0;
		text-align: left;
	}
	.cert-col2-header {
		float: left;
		width: 100%;
		margin-bottom: 21px;
		font-size: 20px;
		color: #00417a;
		text-transform: uppercase;
	}
	
	/* services */
	.services-wrapper {
		float: left;
		width: 100%;
		margin: 0 0 30px;
		padding-bottom: 21px;
		border-bottom: 1px solid #e7e7e7;
		line-height: 24px;
	}
	.services-wrapper h2 {
		float: left;
		width: 100%;
		margin-bottom: 7px;
		font-size: 21px;
		color: #00417a;
		text-align: left;
	}
	/* services section 1 */
	.services-col1 {
		float: left;
		width: 90%;
		margin: 0 5% 30px;
	}
	.services-col1 img {
		float: left;
		width: 100%;
		margin: 0;
	}
	.services-col2 {
		float: right;
		width: 100%;
		margin: 0;
	}
	.services-col2 ul {
		float: left;
		width: 95%;
		margin: 13px 0 13px 5%;
	}
	.services-col2 li {
		margin-bottom: 7px;
	}
	/* services section 2 */
	.services-col3 {
		display: none;
	}
	.services-col4 {
		display: none;
	}
	.services-col5 {
		float: left;
		width: 90%;
		margin: 0 5% 30px;
	}
	.services-col5 img {
		float: left;
		width: 100%;
		margin: 0;
	}
	.services-col6 {
		float: right;
		width: 100%;
		margin: 0;
	}
	
	/* realwear */
	.content-realwear{
		float: left;
		width: 100%;
		margin: 0 0 50px;
		padding: 0;
		font-size: 17px;
		color: #000;
		line-height: 21px;
	}
	.content-realwear a {
		font-size: 17px;
		color: #b00f15;
		text-decoration: none;
	}
	.rwHeader-image {
		float: left;
		width: 100%;
		margin: 0 0 50px;;
		text-align: center;
	}
	.rwHeader-image img {
		width: 100%;
	}
	.rwSect1 {
		float: left;
		width: 100%;
		margin: 30px 0 0;
		text-align: center;
		font-size: 35px;
		color: #000;
		font-family: 'Roboto', sans-serif;
	}
	.rwSect1-header {
		float: left;
		width: 100%;
		margin-bottom: 50px;
		font-size: 55px;
		color: #00417a;
		text-align: center;
		font-family: 'Roboto', sans-serif;
		font-weight: bold;
	}
	.rwSect1-Image {
		float: left;
		width: 100%;
		margin: 21px 0 0;
		text-align: center;
	}
	.rwSect1-Image img {
		width: 300px;
	}
	.rwCol-wrapper {
		float: left;
		width: 80%;
		margin: 0 10% 30px;
	}
	.rwCol-left {
		float: left;
		width: 100%;
		margin: 0 0 21px;
		font-size: 23px;
		color: #000;
		text-align: center;
	}
	.rwCol-left-header {
		float: left;
		width: 100%;
		margin-bottom: 21px;
		font-size: 40px;
		color: #00417a;
	}
	.rwCol-left img {
		width: 100%;
	}
	.rwCol-right {
		float: right;
		width: 100%;
		margin: 0;
		font-size: 18px;
		color: #000;
		line-height: 24px;
	}
	.rwCol-right a {
		font-size: 18px;
		color: #b00f15;
		text-decoration: none;
	}
	.rwCol-right-header {
		float: left;
		width: 100%;
		margin-bottom: 21px;
		font-size: 27px;
		color: #00417a;
	}
	.rwCol-right-image {
		float: left;
		width: 100%;
		margin: 21px 0;
		text-align: center;
	}
	.rwCol-right-image img {
		width: 30%;
		margin: 0px 1px;
	}
	.rwSect2-wrapper {
		float: left;
		width: 100%;
		margin: 30px 0;
		text-align: center;
	}
	.rwSect2 {
		display: inline-block;
		width: 80%;
		margin: 0 10% 30px;
		vertical-align: top;
		font-size: 17px;
		color: #000;
		line-height: 21px;
	}
	.rwSect2-header {
		float: left;
		width: 100%;
		margin-bottom: 13px;
		font-size: 23px;
		color: #00417a;
	}
	.rwSect2 ul {
		margin-left: 21px;
		margin-top: 7px;
		text-align: left;
	}
	.rwSect2 li {
		margin: 0 0 7px;
	}
	
	/* purlin */
	.content-purlin{
		float: left;
		width: 100%;
		margin: 0;
		padding: 0;
		font-size: 17px;
		color: #000;
		line-height: 21px;
	}
	.content-purlin a {
		font-size: 17px;
		color: #b00f15;
		text-decoration: none;
	}
	.purlin-banner-wrapper {
		float: left;
		width: 100%;
		margin: 0 0 3%;
		padding: 5% 0 50px;
		background-image: url(../images/bg/purlin-bg1.png);
		background-position: center top;
		background-size: cover;
	}
	.purlin-logo {
		float: left;
		width: 100%;
		margin: 0 0 70px;
		text-align: center;
	}
	.purlin-logo img {
		width: 230px;
	}
	.purlin-header1 {
		float: left;
		width: 94%;
		margin: 0 3% 50px;
		font-size: 40px;
		line-height: 40px;
		color: #f9f9f9;
		font-weight: 300;
		text-align: center;
		text-shadow: 2px 4px 3px #000
	}
	.purlin-header2 {
		float: left;
		width: 90%;
		margin: 0 5% 0px;
		font-size: 25px;
		line-height: 35px;
		color: #262262;
		font-weight: 300;
		text-align: center;
	}
	/* purlin sections */
	.sect-wrapper {
		float: left;
		width: 90%;
		margin: 0;
		padding: 7% 5% 5%;
	}
	.sect-wrapper-bg-blue30 {
		background-image: url(../images/bg/purlin-bg-blue-30.png);
	}
	.sect-wrapper h3 {
		float: left;
		width: 100%;
		margin-bottom: 30px;
		font-size: 27px;
		color: #1b75bc;
		font-weight: 300;
	}
	.sectContent {
		float: left;
		width: 100%;
		margin: 0;
		padding: 0;
		font-size: 17px;
		color: #000;
		line-height: 24px;
		font-weight: 300;
	}
	.sectCol-wrapper {
		float: left;
		width: 100%;
		margin: 50px 0;
		text-align: center;
	}
	.sectCol {
		display: inline-block;
		width: 100%;
		margin: 0 0 30px;
		vertical-align: top;
		text-align: left;
	}
	.sectCol-header {
		float: left;
		width: 100%;
		margin-bottom: 13px;
		font-size: 21px;
		color: #1b75bc;
		line-height: 27px;
		font-weight: 300
	}
	.sectInner {
		float: left;
		width: 94%;
		margin: 21px 0;
		padding: 3%;
	}
	.sectInner-bg-1 {
		background-image: url(../images/bg/purlin-bg-section.png);
		background-position: center top;
		background-size: cover;
	}
	.sectInner-bg-2 {
		background-image: url(../images/bg/purlin-bg-enviro.png);
		background-position: center top;
		background-size: cover;
	}
	.sectInner-header {
		float: left;
		width: 100%;
		margin-bottom: 13px;
		font-size: 21px;
		color: #1b75bc;
		line-height: 30px;
		font-weight: 300
	}
	.sectInner-left {
		float: left;
		width: 100%;
		margin: 0 0 30px;
	}
	.sectInner-left ul {
		float: left;
		width: 90%;
		margin-left: 21px;
	}
	.sectInner-left li {
		margin: 0 0 7px;
	}
	.sectInner-right {
		float: left;
		width: 100%;
		margin: 0;
	}
	.sectInner-right img {
		width: 100%;
	}
	.full-image {
		float: left;
		width: 100%;
		margin: 0;
	}
	.full-image img {
		width: 100%;
	}
	
	/* footer */
	footer {
		float: left;
		width: 90%;
		margin: 3% 0 0;
		padding: 3% 5%;
		background-color: #f1f1f1;
		text-align: center;
		font-size: 15px;
		color: #000;
		line-height: 21px;
	}
	footer a {
		font-size: 15px;
		color: #000;
		text-decoration: none;
	}
	
} /* end layout 767 */

/* -------------- layout 480 -------------- */
@media screen and (min-width: 300px) and (max-width:480px) {
	
	/* header */
	header {
		float: left;
		width: 100%;
		margin: 0;
		padding: 2% 0 2%;
		background-image: url(../images/bg/fl1-bg-header.png);
		
	}
	.logo {
		float: left;
		width: 100%;
		margin: 0;
		text-align: center;
	}
	.logo img {
		width: 230px;
	}
	.navWrapper {
		float: left;
		width: 100%;
		margin: 13px 0 0;
	}
	.nav {
		display: none;
	}
	/* mobile menu */
	.topnav {                                 
		overflow: hidden;
		background-color: #fff;
		position: relative;
		border-bottom: 1px solid #e7e7e7;
		margin-bottom: 0;
	}
	.topnav #myLinks {
		display: none;
	}
	.topnav #myLinks img {
		width: 30px;
		vertical-align: bottom;
	}
	.topnav a {
		color: #00417a;
		padding: 11px 21px 13px;
		text-decoration: none;
		font-size: 21px;
		display: block;
	}
	.topnav a.icon {
		background: none;
		display: block;
		position: absolute;
		right: 0;
		top: 0;
		font-size: 24px;
	}
	.topnav a:hover {
		background-color: none;
		color: #00417a;
	}
	.active {
		background-color: #fff;
		color: #00417a;
	}
	/* banner */
	.banner {
		float: left;
		width: 100%;
		margin: 0;
		padding: 0 0 5%;
		background-image: url(../images/banner/fl1-banner-img.png);
		background-position: center top;
		background-size: cover;
	}
	.bannerContent-wrapper {
		float: left;
		width: 90%;
		margin: 33px 5%;
	}
	.bannerHeader {
		float: left;
		width: 100%;
		margin: 0 0 30px;
		font-size: 33px;
		color: #00417a;
		text-align: center;
		text-transform: uppercase;
		text-shadow: 0px 3px 5px #fff;
		font-weight: 500;
	}
	.bannerSubHeader {
		float: left;
		width: 100%;
		margin: 0;
		font-size: 23px;
		color: #00417a;
		text-align: center;
		text-shadow: 0px 3px 5px #fff;
		font-weight: 500;
	}
	/* main page sections */
	.mpSect-wrapper {   /* about */
		float: left;
		width: 90%;
		padding: 3% 5%;
		margin: 50px 0;
	}
	.mpSect-col1 {
		float: left;
		width: 90%;
		margin: 0 5% 21px;
		font-size: 17px;
		color: #000;
		text-align: center;
	}
	.mpSect-col2 {
		float: left;
		width: 90%;
		margin: 0 5%;
		font-size: 17px;
		color: #000;
		text-align: left;
		line-height: 24px;
	}
	.mpSect-header {
		font-size: 23px;
		color: #000;
		line-height: 30px;
		text-transform: uppercase;
	}
	.mpSect-images-wrapper {   /* services */
		float: left;
		width: 90%;
		margin: 30px 5% 0;
		text-align: center;
	}
	.mpSect-images {
		display: inline-block;
		width: 90%;
		margin: 0 5% 30px;
		vertical-align: top;
	}
	.mpSect-images img {
		width: 100%;
	}
	.mpMisCert-wrapper {   /* mission certifications */
		float: left;
		width: 100%;
		margin: 0;
		padding: 0;
	}
	.mpMisCert-col1 {
		float: left;
		width: 90%;
		margin: 13px 0 0;
		padding: 30px 5%;
		background-color: #000;
		font-size: 17px;
		color: #fff;
		text-align: left;
		line-height: 24px;
	}
	.mpMisCert-col1-header {
		float: left;
		width: 100%;
		margin-bottom: 30px;
		font-size: 27px;
		color: #fff;
		line-height: 33px;
	}
	.mpMisCert-col1 a {
		font-size: 17px;
		color: #fff;
		text-decoration: none;
		font-style: italic;
	}
	.mpMisCert-col1 ul {
		margin: 13px 0 13px 30px;
	}
	.mpMisCert-col1 li {
		margin-bottom: 13px;
	}
	.mpMisCert-col2 {
		float: right;
		width: 90%;
		margin: 0;
		padding: 30px 5%;
		font-size: 17px;
		color: #fff;
		text-align: left;
		line-height: 24px;
		background-image: url(../images/bg/fl1-bg-certificates.png);
	}
	.mpMisCert-col2-header {
		float: left;
		width: 100%;
		margin-bottom: 30px;
		font-size: 27px;
		color: #fff;
		line-height: 33px;
	}
	.mpNews-wrapper {   /* news - newsletter */
		float: left;
		width: 100%;
		margin: 3% 0;
		padding: 0;
	}
	.mpNews-col1 {
		float: left;
		width: 90%;
		margin: 0;
		padding: 30px 5%;
		background-image: url(../images/bg/fl1-bg-certificates.png);
		font-size: 17px;
		color: #fff;
		text-align: left;
		line-height: 24px;
	}
	.mpNews-col1-header {
		float: left;
		width: 100%;
		margin-bottom: 30px;
		font-size: 27px;
		color: #fff;
	}
	.mpNews-col1 a {
		font-size: 17px;
		color: #fff;
		text-decoration: none;
		font-style: italic;
	}
	.mpNews-col1 ul {
		margin: 13px 0 13px 30px;
	}
	.mpNews-col1 li {
		margin-bottom: 13px;
	}
	.mpNews-col2 {
		float: right;
		width: 90%;
		margin: 0;
		padding: 30px 5%;
		font-size: 17px;
		color: #fff;
		text-align: left;
		line-height: 24px;
		background-image: url(../images/bg/fl1-bg-newsletter.png);
	}
	.mpNews-col2 a {
		font-size: 17px;
		color: #fff;
		text-decoration: none;
	}
	.mpNews-col2-header {
		float: left;
		width: 100%;
		margin-bottom: 30px;
		font-size: 27px;
		color: #fff;
	}
	.mpNLform {   /* newsletter form */
		float: left;
		width: 100%;
		margin: 13px 0;
	}
	.mpNLform-input {
		float: left;
		width: 100%;
		height: 40px;
		margin: 0 0 7px;
		padding-bottom: 3px;
		background: none;
		border-top: none;
		border-right: none;
		border-bottom: 1px solid #fff;
		border-left: none;
		font-size: 17px;
		color: #fff;
		text-indent: 7px;
	}
	.mpNLform-submit {
		float: left;
		width: 200px;
		height: 40px;
		line-height: 40px;
		margin: 30px 0 0;
		text-align: center;
		background-color: #fff;
		border: none;
		font-size: 20px;
		color: #b00f15;
	}
	.mpContact-form {   /* contact form */
		float: left;
		width: 100%;
		margin: 13px 0;
	}
	.mpContact-form-input {
		float: left;
		width: 100%;
		height: 40px;
		margin: 0 0 7px;
		padding-bottom: 3px;
		background: none;
		border-top: none;
		border-right: none;
		border-bottom: 1px solid #b00f15;
		border-left: none;
		font-size: 17px;
		color: #000;
		text-indent: 7px;
	}
	.mpContact-form-message {
		float: left;
		width: 100%;
		margin: 21px 0 7px;
		padding-bottom: 3px;
		background: none;
		border-top: none;
		border-right: none;
		border-bottom: 1px solid #b00f15;
		border-left: none;
		font-size: 17px;
		color: #000;
		text-indent: 7px;
	}
	.mpContact-form-submit {
		float: left;
		width: 200px;
		height: 40px;
		line-height: 40px;
		margin: 30px 0 0;
		text-align: center;
		background-color: #b00f15;
		border: none;
		font-size: 20px;
		color: #fff;
	}
	
	/* general css */
	.content{
		float: left;
		width: 90%;
		margin: 30px 5%;
		padding: 0;
		font-size: 17px;
		color: #000;
		line-height: 21px;
	}
	.content a {
		font-size: 17px;
		color: #b00f15;
		text-decoration: none;
	}
	h1 {
		float: left;
		width: 100%;
		margin-bottom: 50px;
		padding-bottom: 13px;
		border-bottom: 1px solid #00417a;
		font-size: 23px;
		color: #00417a;
		text-transform: uppercase;
		font-weight: 500;
	}
	h2 {
		float: left;
		width: 100%;
		margin-bottom: 21px;
		padding-bottom: 13px;
		font-size: 20px;
		color: #00417a;
		text-transform: uppercase;
		font-weight: normal;
		text-align: center;
	}
	.spacer {
		float: left;
		width: 90%;
		margin: 0 5% 50px;
		height: 30px;
		line-height: 30px;
		border-bottom: 1px solid #e7e7e7;
	}
	/* about */
	.about-image-wrapper {
		float: left;
		width: 100%;
		margin: 0 0 13px;
		text-align: center;
	}	
	.about-image {
		display: inline-block;
		width: 90%;
		margin: 0 5% 30px;
		vertical-align: top;
		font-size: 17px;
		color: #000;
	}
	.about-image-header {
		float: left;
		width: 100%;
		margin-bottom: 7px;
		font-size: 21px;
		color: #00417a;
	}
	.about-image img {
		width: 90%;
		margin: 0 5% 7px;
	}
	/* certifications */
	.cert-wrapper {
		float: left;
		width: 100%;
		margin: 0 0 30px;
	}
	.cert-col1 {
		float: left;
		width: 100%;
		margin: 0 0 30px;
		text-align: left;
	}
	.cert-col1-header {
		float: left;
		width: 100%;
		margin-bottom: 21px;
		font-size: 20px;
		color: #00417a;
		text-transform: uppercase;
	}
	.cert-col2 {
		float: right;
		width: 100%;
		margin: 0;
		text-align: left;
	}
	.cert-col2-header {
		float: left;
		width: 100%;
		margin-bottom: 21px;
		font-size: 20px;
		color: #00417a;
		text-transform: uppercase;
	}
	
	/* services */
	.services-wrapper {
		float: left;
		width: 100%;
		margin: 0 0 30px;
		padding-bottom: 21px;
		border-bottom: 1px solid #e7e7e7;
		line-height: 24px;
	}
	.services-wrapper h2 {
		float: left;
		width: 100%;
		margin-bottom: 7px;
		font-size: 19px;
		color: #00417a;
		text-align: left;
	}
	/* services section 1 */
	.services-col1 {
		float: left;
		width: 100%;
		margin: 0 0 30px;
	}
	.services-col1 img {
		float: left;
		width: 100%;
		margin: 0;
	}
	.services-col2 {
		float: right;
		width: 100%;
		margin: 0;
	}
	.services-col2 ul {
		float: left;
		width: 90%;
		margin: 13px 0 13px 10%;
	}
	.services-col2 li {
		margin-bottom: 3px;
	}
	/* services section 2 */
	.services-col3 {
		display: none;
	}
	.services-col4 {
		display: none;
	}
	.services-col5 {
		float: left;
		width: 100%;
		margin: 0 0 30px;
	}
	.services-col5 img {
		float: left;
		width: 100%;
		margin: 0;
	}
	.services-col6 {
		float: left;
		width: 100%;
		margin: 0;
	}
	
	/* realwear */
	.content-realwear{
		float: left;
		width: 100%;
		margin: 0;
		padding: 0;
		font-size: 17px;
		color: #000;
		line-height: 21px;
	}
	.content-realwear a {
		font-size: 17px;
		color: #b00f15;
		text-decoration: none;
	}
	.rwHeader-image {
		float: left;
		width: 100%;
		margin: 0 0 30px;;
		text-align: center;
	}
	.rwHeader-image img {
		width: 100%;
	}
	.rwSect1 {
		float: left;
		width: 100%;
		margin: 30px 0 0;
		text-align: center;
		font-size: 25px;
		color: #000;
		font-family: 'Roboto', sans-serif;
	}
	.rwSect1-header {
		float: left;
		width: 100%;
		margin-bottom: 50px;
		font-size: 40px;
		color: #00417a;
		text-align: center;
		font-family: 'Roboto', sans-serif;
		font-weight: bold;
	}
	.rwSect1-Image {
		float: left;
		width: 100%;
		margin: 21px 0 0;
		text-align: center;
	}
	.rwSect1-Image img {
		width: 270px;
	}
	.rwCol-wrapper {
		float: left;
		width: 80%;
		margin: 0 10% 30px;
	}
	.rwCol-left {
		float: left;
		width: 100%;
		margin: 0 0 30px;
		font-size: 23px;
		color: #000;
		text-align: center;
	}
	.rwCol-left-header {
		float: left;
		width: 100%;
		margin-bottom: 21px;
		font-size: 40px;
		color: #00417a;
	}
	.rwCol-left img {
		width: 100%;
	}
	.rwCol-right {
		float: right;
		width: 100%;
		margin: 0;
		font-size: 18px;
		color: #000;
		line-height: 24px;
	}
	.rwCol-right a {
		font-size: 18px;
		color: #b00f15;
		text-decoration: none;
	}
	.rwCol-right-header {
		float: left;
		width: 100%;
		margin-bottom: 21px;
		font-size: 23px;
		color: #00417a;
	}
	.rwCol-right-image {
		float: left;
		width: 100%;
		margin: 21px 0;
		text-align: center;
	}
	.rwCol-right-image img {
		width: 30%;
		margin: 0px 1px;
	}
	.rwSect2-wrapper {
		float: left;
		width: 100%;
		margin: 30px 0;
		text-align: center;
	}
	.rwSect2 {
		display: inline-block;
		width: 90%;
		margin: 0 5% 30px;
		vertical-align: top;
		font-size: 17px;
		color: #000;
		line-height: 21px;
	}
	.rwSect2-header {
		float: left;
		width: 100%;
		margin-bottom: 13px;
		font-size: 21px;
		color: #00417a;
	}
	.rwSect2 ul {
		margin-left: 21px;
		margin-top: 7px;
		text-align: left;
	}
	.rwSect2 li {
		margin: 0 0 7px;
	}
	
	/* purlin */
	.content-purlin{
		float: left;
		width: 100%;
		margin: 0;
		padding: 0;
		font-size: 17px;
		color: #000;
		line-height: 21px;
	}
	.content-purlin a {
		font-size: 17px;
		color: #b00f15;
		text-decoration: none;
	}
	.purlin-banner-wrapper {
		float: left;
		width: 100%;
		margin: 0 0 3%;
		padding: 5% 0 50px;
		background-image: url(../images/bg/purlin-bg1.png);
		background-position: center top;
		background-size: cover;
	}
	.purlin-logo {
		float: left;
		width: 100%;
		margin: 0 0 70px;
		text-align: center;
	}
	.purlin-logo img {
		width: 210px;
	}
	.purlin-header1 {
		float: left;
		width: 94%;
		margin: 0 3% 50px;
		font-size: 30px;
		line-height: 30px;
		color: #f9f9f9;
		font-weight: 300;
		text-align: center;
		text-shadow: 2px 4px 2px #000
	}
	.purlin-header2 {
		float: left;
		width: 94%;
		margin: 0 3% 0px;
		font-size: 23px;
		line-height: 27px;
		color: #262262;
		font-weight: 300;
		text-align: center;
	}
	/* purlin sections */
	.sect-wrapper {
		float: left;
		width: 90%;
		margin: 0;
		padding: 7% 5% 5%;
	}
	.sect-wrapper-bg-blue30 {
		background-image: url(../images/bg/purlin-bg-blue-30.png);
	}
	.sect-wrapper h3 {
		float: left;
		width: 100%;
		margin-bottom: 13px;
		font-size: 23px;
		color: #1b75bc;
		font-weight: 300;
	}
	.sectContent {
		float: left;
		width: 100%;
		margin: 0;
		padding: 0;
		font-size: 17px;
		color: #000;
		line-height: 21px;
		font-weight: 300;
	}
	.sectCol-wrapper {
		float: left;
		width: 100%;
		margin: 30px 0;
		text-align: center;
	}
	.sectCol {
		display: inline-block;
		width: 100%;
		margin: 0 0 30px;
		vertical-align: top;
		text-align: left;
	}
	.sectCol-header {
		float: left;
		width: 100%;
		margin-bottom: 13px;
		font-size: 21px;
		color: #1b75bc;
		line-height: 27px;
		font-weight: 300
	}
	.sectInner {
		float: left;
		width: 94%;
		margin: 21px 0;
		padding: 3%;
	}
	.sectInner-bg-1 {
		background-image: url(../images/bg/purlin-bg-section.png);
		background-position: center top;
		background-size: cover;
	}
	.sectInner-bg-2 {
		background-image: url(../images/bg/purlin-bg-enviro.png);
		background-position: center top;
		background-size: cover;
	}
	.sectInner-header {
		float: left;
		width: 100%;
		margin-bottom: 13px;
		font-size: 20px;
		color: #1b75bc;
		line-height: 30px;
		font-weight: 300
	}
	.sectInner-left {
		float: left;
		width: 100%;
		margin: 0 0 30px;
	}
	.sectInner-left ul {
		float: left;
		width: 90%;
		margin-left: 21px;
		margin-bottom: 13px;
	}
	.sectInner-left li {
		margin: 0 0 7px;
	}
	.sectInner-right {
		float: left;
		width: 100%;
		margin: 0;
	}
	.sectInner-right img {
		width: 100%;
	}
	.full-image {
		float: left;
		width: 100%;
		margin: 0;
	}
	.full-image img {
		width: 100%;
	}
	
	/* footer */
	footer {
		float: left;
		width: 90%;
		margin: 3% 0 0;
		padding: 3% 5%;
		background-color: #f1f1f1;
		text-align: center;
		font-size: 15px;
		color: #000;
		line-height: 21px;
	}
	footer a {
		font-size: 15px;
		color: #000;
		text-decoration: none;
	}
	
} /* end layout 480 */