/* SHARED LAYOUT STYLING */
.divOne, .hldr			{ float: left; }
.hldr					{ width: 30.4%; padding-bottom: 6em; background: #fff url('../images/global/shadowRight.png') no-repeat bottom right; margin-bottom: -1em; }
.imgHldr				{ padding: 0 2% 6em 0; background: #fff url('../images/global/shadowRight.png') no-repeat bottom right; margin-right: -2%; margin-bottom: -5em; }
.divOne					{ width: 64.6%; margin-right: 5%; padding-bottom: 5em; }
.divTwo					{ overflow: hidden; width: 86%; padding: 2em 7%; background-color: #ebebeb; text-align: center; }
.divTwo h2				{ font-size: 3.5em; padding-bottom: 0.58em; }
.divTwo p				{ color: #747474; }
p.quote					{ font-family: 'OpenSansItalic'; font-size: 1.8em; line-height: 1.5em; }

/* PAGINATION */
.pagination				{ padding: 2em 0; font-size: 1.6em; }
.pagination .innerpag	{ text-align: center; }
.pagination .next		{ float: right; text-align: right; }
.pagination .previous	{ float: left; text-align: left; }



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

/* TABLETS (IN PORTRAIT) /////////////////////////////////////// */
@media screen and (min-width: 569px) and (max-width: 959px) {
	h2, .divTwo h2		{ font-size: 3.5em; }
	.hldr				{ background-size: 100%; }
	.divOne				{ width: 63%; margin-right: 2%; padding-bottom: 3em; }
	.divTwo				{ padding: 1em 7%; }
	p.quote				{ font-size: 1.7em; }
	p.customer			{ padding-top: 0.5em; }
}

/* TABLETS (IN PORTRAIT) < 800PX /////////////////////////////// */
@media screen and (min-width: 569px) and (max-width: 800px) {
	h2, .divTwo h2		{ font-size: 3em; }
	.hldr				{ padding-bottom: 5em; margin-bottom: -2em; }
	p.quote				{ font-size: 1.6em; }
}

/* TABLETS (IN PORTRAIT) < 700PX /////////////////////////////// */
@media screen and (min-width: 569px) and (max-width: 700px) {
	.divTwo h2			{ font-size: 2.6em; }
	.hldr				{ padding-bottom: 4.5em; margin-bottom: -1.5em; }
	.imgHldr			{ padding-bottom: 5.5em; margin-bottom: -4.5em; } 
	p.quote				{ font-size: 1.5em; }	
}

/* TABLETS (IN PORTRAIT) < 600PX /////////////////////////////// */
@media screen and (min-width: 569px) and (max-width: 600px) {
	h2					{ font-size: 2.8em; }
	.divTwo h2			{ font-size: 2.2em; }
	.hldr				{ padding-bottom: 4em; margin-bottom: -1em;	}
	p.quote				{ font-size: 1.4em; }
}

/* MOBILE PHONES & TABLETS (SHARED STYLES) ///////////////////// */
@media screen and (max-width: 959px) {
	img 				{ width: 100%; }
}

/* MOBILE PHONES <568px //////////////////////////////////////// */
@media screen and (max-width: 568px) {
	.hero				{ height: 200px; background-size: 1400px; background-position: 60% top; }
	.hero h1			{ font-size: 3.8em; }
	.divOne, .hldr		{ float: none; width: 100%;	}
	.hldr, .imgHldr		{ margin-bottom: -5em; }
	.imgHldr			{ padding: 0 0 6em 0; margin-right: 0; }
	.divOne				{ margin-right: 0; padding-bottom: 1.5em; }
	.divTwo				{ width: 90%; padding: 1em 5%; }
	.divTwo img			{ margin-bottom: 1.5em; }
	.divTwo h2			{ font-size: 2em; padding-bottom: 0.5em; }
	p.quote				{ font-size: 1.5em; }
	p.customer			{ padding-top: 0.5em; }
}

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

/* MOBILE PHONES <350px //////////////////////////////////////// */
@media screen and (max-width: 350px) {
	#businessOpportunities .hero h1 { font-size: 3.5em; }
}