/* HERO STYLES */
.hero					{ background-image: url('../images/opportunities/hero_bg.jpg')!important; height: 300px; }

/* MAIN CONTENT STYLES */
h2						{ text-align: center; }
.cb h2					{ padding-bottom: .7em; }
.cntnr .column	 		{ float: left; width: 47.5%; margin: 0 1.25%; }
.cntnr					{ padding-bottom: 3em; margin-bottom: -1em; }
.bdrBtm					{ overflow: auto; padding-bottom: 5em; background: #fff; }
.benefit				{ margin-top: 1em; }
.divOne .benefit		{ background: none!important; padding-bottom: 0!important; margin-bottom: 0; }
.divOne .benefit:first-child { margin-top: 0; }
.divTwo					{ padding-bottom: 3em; text-align: left!important; }
.divTwo img				{ width: 90%; margin: 0 5% 2.5em; text-align: center; }




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

/* TABLETS (IN PORTRAIT) /////////////////////////////////////// */
@media screen and (min-width: 569px) and (max-width: 959px) {
	.sw section			{ margin-bottom: 0!important; }
	.cntnr				{ margin-bottom: -3em; }
	.bdrBtm				{ padding-bottom: 4em; }
	.hldr				{ margin-bottom: -2em; }
	.divTwo				{ padding-bottom: 1em; }
}

/* TABLETS (IN PORTRAIT) < 800PX /////////////////////////////// */
@media screen and (min-width: 569px) and (max-width: 800px) {
	.cntnr				{ margin-bottom: -3em; }
	.bdrBtm				{ padding-bottom: 3em; }
	.hldr				{ margin-bottom: -3em; }
	.divOne h4			{ font-size: 2.2em; }
}

/* TABLETS (IN PORTRAIT) < 700PX /////////////////////////////// */
@media screen and (min-width: 569px) and (max-width: 700px) {
	.cntnr				{ margin-bottom: -3em; }
	.bdrBtm				{ padding-bottom: 2.5em; }
	.hldr				{ margin-bottom: -3.5em; }
	.divOne h4			{ font-size: 2em; } 
}

/* TABLETS (IN PORTRAIT) < 600PX /////////////////////////////// */
@media screen and (min-width: 569px) and (max-width: 600px) {
	.cntnr				{ margin-bottom: -3em; }
	.bdrBtm				{ padding-bottom: 2em; }
	.hldr				{ margin-bottom: -4em; }
	.divOne h4			{ font-size: 1.8em; }
}

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

/* MOBILE PHONES <568px //////////////////////////////////////// */
@media screen and (max-width: 568px) {
	h2					{ padding-bottom: 0.5em; font-size: 4em; }
	.cntnr				{ padding-bottom: 6em; margin-bottom: -3em; }
	.bdrBtm				{ padding-bottom: 1.5em; }
	.divTwo				{ padding-bottom: 1em; }
	.divOne h4			{ font-size: 1.8em; }
}

/* MOBILE PHONES <480px //////////////////////////////////////// */
@media screen and (max-width: 480px) {
	.cntnr .column	 	{ float: none; width: 100%; margin: 0; }
}

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