/* HERO STYLES */
.hero					{ background-image: url('../images/about/hero_bg.jpg'); background-size: 1920px; height: 300px; }

/* MAIN CONTENT STYLES */
.hldr .column			{ float: left; width: 48%; }
.hldr .mr				{ margin-right: 4%; }
.hldr .prominent	 	{ font-size: 2.2em; line-height: 1.45em; }
.hldr img				{ padding: .3em 0; }
.hldr h4				{ padding-bottom: 0.3em; }
.hldr ul				{ margin-top: -5px; }
.hldr ul li				{ color: #484848; font-size: 1.55em; line-height: 2.1em; padding-left: 1.2em; margin-left: 1.5em; list-style: disc; }
.bdrBtm					{ overflow: auto; padding-bottom: 5em; background: #fff; border-bottom: 1px solid #f6f6f6; }
.hldr					{ position: relative; padding-bottom: 6em; background-color: transparent; background-repeat: no-repeat; }





/* ///////////////////////////////////////////////////////////// */
/* ///////////////////// MEDIA QUERIES ///////////////////////// */


/* TABLETS (IN PORTRAIT) /////////////////////////////////////// */
@media screen and (min-width: 569px) and (max-width: 959px) {
	.sw					{ padding-bottom: 6em; }
	.hero				{ background-position: -50px top; }
	.hero h1			{ left: 2%; margin-left: 0; }
	.hldr .column		{ width: 48%; }
	.hldr .mr			{ margin-right: 2%; }
	.hldr .prominent 	{ font-size: 1.6em; }
	.hldr img			{ width: 100%; }
	.hldr ul			{ margin-top: -5px; }
	.hldr ul li			{ font-size: 1.4em; line-height: 1.65em; padding-left: 1em; margin-left: 2.5em; }
	.bdrBtm				{ padding-bottom: 4em; }
	.right				{ margin-bottom: -2em; }
	.left				{ margin-bottom: -6.5em; }
}

/* TABLETS (IN PORTRAIT) < 800PX /////////////////////////////// */
@media screen and (min-width: 569px) and (max-width: 800px) {
	.hldr .prominent 	{ font-size: 1.55em; }
	.bdrBtm				{ padding-bottom: 3em; }
	.right				{ margin-bottom: -3em; } 
	.left				{ margin-bottom: -7em; }
}

/* TABLETS (IN PORTRAIT) < 700PX /////////////////////////////// */
@media screen and (min-width: 569px) and (max-width: 700px) {
	.hldr .prominent 	{ font-size: 1.5em; }
	.bdrBtm				{ padding-bottom: 2.5em; }
	.right				{ margin-bottom: -3.5em; } 
	.left				{ margin-bottom: -7.5em; }
	.hldr ul li			{ font-size: 1.35em; }
}

/* TABLETS (IN PORTRAIT) < 600PX /////////////////////////////// */
@media screen and (min-width: 569px) and (max-width: 600px) {
	.hldr .prominent 	{ font-size: 1.45em; }
	.bdrBtm				{ padding-bottom: 2em; }
	.right				{ margin-bottom: -4em; } 
	.left				{ margin-bottom: -8em; }
	.hldr ul li			{ font-size: 1.3em; }
}

/* MOBILE PHONES & TABLETS (SHARED STYLES) ///////////////////// */
@media screen and (max-width: 959px) {
	.hldr ul li			{ background-image: none; list-style: disc; background-size: 6px; }
}

/* MOBILE PHONES <568px //////////////////////////////////////// */
@media screen and (max-width: 568px) {
	.hero				{ height: 200px; background-size: 1400px; background-position: 10% top; }
	.hero h1			{ font-size: 3.8em; top: 145px; left: 2%; margin-left: 0; }
	.hldr .column		{ float: none; width: 100%; }
	.hldr .prominent 	{ font-size: 1.45em; }
	.hldr .mr			{ margin-right: 0; }
	.hldr img			{ width: 100%; }
	.hldr h4			{ font-size: 2em; padding-bottom: 0.3em; }
	.hldr ul			{ margin-top: 0; width: 95%; padding: 0.5em 0 0 5%; }	
	.hldr ul li			{ font-size: 1.25em; line-height: 2em; padding-left: 0; margin-left: 0;  }
	.sw section ul li	{ margin-left: 0!important; }
	.bdrBtm				{ overflow: visible; padding-bottom: 1.5em; }
	.hldr				{ margin-bottom: -2.5em; }
	.hldr h2			{ margin-bottom: .4em; }
}

/* MOBILE PHONES <480px //////////////////////////////////////// */
@media screen and (max-width: 480px) {
}

/* MOBILE PHONES <350px //////////////////////////////////////// */
@media screen and (max-width: 350px) {
}