html, body {
	height: 100%;
	margin: 0;
}

form {
	height: 100%;
}

.immigration-button {
	background-color:#FF7900 !important; 
	padding: .5em; 
	font-size:  .813em;
	font-weight:500;
	border-radius: 2px; 
	color:#000;
	text-decoration:none;

}

.immigration-button:hover {
	text-decoration:underline;

}


/* STATIC ALERT MESSAGE */
.alert {
	clear: both;
	width: 100%;
	position: relative;
	background-color: #fff;
	color: #000;
}

.alert article {
	/*margin-right: 5%;*/
	padding: 1% 2%;
}

.alert h1 {
	text-align: left;
}

.alert article hr {
	padding: 0;
	margin: 0;
	/* margin-top: 1%;*/
	margin-bottom: 1%;
	border: 0;
	border: 1px solid #A91919;
	background-color: #A91919;
}

/* STATIC CAMPUS CLOSED ALERT MESSAGE */
.campus-closed {
	clear: both;
	width: 100%;
	position: relative;
	background-color: #fff;
	color: #000;
}

.campus-closed article {
	/*margin-right: 5%;*/
	padding: 5%;
	background-color: #F5F5F5;
}

.campus-closed h1 {
	text-align: left;
	font-size: 2em!important;
	padding: 0 0 2% 0;
	letter-spacing: 3px;
	color: #00274C;

}
.campus-closed h1::before {
	content: "âš ";
	margin-right: 1%;
}
.campus-closed h2 {
	text-align: left;
	font-size: 1.8em!important;
	line-height: normal;
	padding: 3% 0 3% 0;
}

.campus-closed p {
	text-align: left;
	margin-bottom: 2.3em;
}

.campus-closed article hr {
	padding: 0;
	margin: 0;
	/* margin-top: 1%;*/
	border: 0;
	border: 1px solid #FF7900;
	background-color: #FF7900;
}

/* BANNER */

#banner {
	display: inline-block;
	width: 100%;
	height: 85%;
	color: #fff;
	background-color: #000;
	background: url(../images/banners-home/parasite-research.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	/*position:relative;*/ /*removed to fix drop down menu*/
}

.bxslider li article h1 a span:hover {
	background-color: #fff;
	background: none;
}

.bxslider li article h1 a span:hover {
	background-color: #00274C;
	background: none;
}


#searchRadioBtns {
	color: #fff;
	background-color: #000;
	background: none;
}

.mobile-topics {
	display: none;
}


/*------COMMENCEMENT-----*/
#commencement {
	position: relative;
	display: inline-block;
	width: 100%;
	height: 80%;
	color: #fff;
	background-color: #000;
	background: url(../images/banners-home/commencement2018E.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#commencement article {
	position: absolute;
	top: 50%;
	left: 5%;
	width: 30%;
	padding: 2%;
	background-color: rgba(0, 0, 0, 0.9);
	color: #fff;
}

#commencement article h2 {
	font-size: 1.5em;
	text-transform: uppercase;
	margin: 0;
	font-weight: bold;
}

#commencement article ul {
	list-style-type: disc;
	float: left;
	width: 45%;
	margin-top: 20px;
	color: #fff;
}

#commencement article ul.colA {
	width: 44%;
}

#commencement article ul.colB {
	width: 44%;
	padding-left: 40px;
	border-left: 1px dotted #ccc;
}

#commencement article li {
	list-style-type: disc;
	margin-left: 18px;
	margin-bottom: 12px;
	color: #fff;
}

#commencement article li a:link, #commencement article li a:visited {
	color: #fff;
	text-decoration: none;
}

#commencement article li a:hover {
	border-bottom: 1px dotted #ccc;
}


/* ----------- iPhone 5, 5S, 5C and 5SE ----------- */

/* Portrait */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
	#commencement {
		height: 100%;
		background-position: 30% top;
	}

	#commencement article {
		top: 40%;
		right: 0;
		width: 100%;
	}

	#commencement article ul {
		clear: both;
		float: none;
		width: 100%;
	}

	#commencement article ul.colA, #commencement article ul.colB {
		width: 90%;
		padding-left: 30px;
	}
}

/* Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
	#commencement article {
		position: absolute;
		top: 15%;
		right: 5%;
		width: 50%;
	}
}

/* ----------- iPhone 6, 6S, 7 and 8 ----------- */

/* Portrait */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
	#commencement {
		height: 90%;
		background-position: 30% top;
	}

	#commencement article {
		top: 42%;
		right: 0;
		width: 100%;
	}

	#commencement article ul {
		clear: both;
		float: none;
		width: 100%;
	}

	#commencement article ul.colA, #commencement article ul.colB {
		width: 90%;
		padding-left: 30px;
	}
}

/* Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
	#commencement article {
		position: absolute;
		top: 15%;
		right: 5%;
		width: 70%;
	}

	#commencement article li {
		font-size: .75em !important;
	}
}

/* ----------- iPhone 6+, 7+ and 8+ ----------- */


/* Portrait */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {
	#commencement {
		height: 80%;
		background-position: 30% top;
	}

	#commencement article {
		top: 45%;
		right: 0;
		width: 100%;
	}

	#commencement article ul {
		clear: both;
		float: none;
		width: 100%;
	}

	#commencement article ul.colA, #commencement article ul.colB {
		width: 90%;
		padding-left: 30px;
	}
}

/* Landscape */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
	#commencement article {
		position: absolute;
		top: 15%;
		right: 5%;
		width: 50%;
	}
}

/* ----------- iPhone X ----------- */


/* Portrait */
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {
	#commencement {
		height: 80%;
		background-position: 30% top;
	}

	#commencement article {
		top: 45%;
		right: 0;
		width: 100%;
	}

	#commencement article ul {
		clear: both;
		float: none;
		width: 100%;
	}

	#commencement article ul.colA, #commencement article ul.colB {
		width: 90%;
		padding-left: 30px;
	}
}

/* Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
}





/*----CENTER TEXT AREA----*/

/*#banner article {	
width:65%;
margin-top:1%;
margin-left:12%;
margin-left:auto;
margin-right:auto;
text-align:left;
padding:2%;
color:#fff;
}

#banner article h1  {
font-size:2em !important;
line-height:1.25em;
letter-spacing:0.05em;
text-align:center;
color:#fff;
margin-bottom:0;
padding-bottom:10px;
text-shadow: 1px 1px #000;
}

#banner h1 a:link, #banner h1 a:visited {
color:#fff;
text-decoration:none;
font-weight:bold;
}

#banner h1 a:hover {border-bottom:1px dotted #fff;}


#banner article h2 {
font-family:'Crimson Text', Times, serif;
margin-top:0;
margin-bottom:30px;
color:#333;
font-size:1.25em !important;
line-height:1.25em;
background-color:transparent;
text-align:center;
}

#banner h3 {
padding-top:5%;
text-transform:uppercase;
font-family:'Crimson Text', Times, serif;
text-shadow: 1px 1px 1px #000;}

#banner hr {
border: 0;
border-bottom: 1px dotted #fff;
background: none;
margin:3% 0;
width:90%;
}

#banner p {
color:#fff;
font-size:1em;
background-color:transparent;
padding-bottom:0;
margin-bottom:0;
line-height:1.5em;
letter-spacing:.025em;
text-align:center;
text-shadow: 1px 1px #000;
}

#banner p.subhead {
width:270px;
font-size:.75em;
text-transform:uppercase;
padding:6px 15px;
background-color:#333;
color:#fff;
margin-bottom:10px;
}

#banner p.related {
font-family:'Crimson Text', Times, serif;
font-style:italic;
font-size:1.125em;
margin-bottom:10px;
}

#banner article .note {
clear:both !important;
position:absolute;
bottom:2%;
right:0;
color:#fff;
padding-right:2%;
}

#banner article .note p {
font-weight:normal;
font-family:'Roboto', Arial, sans-serif;
font-size:.625em;
}

#banner p a:link, #banner p a:visited {
font-size:.875em !important;
text-transform:uppercase;
font-weight: bold;
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
overflow: hidden;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: color, background-color;
transition-property: color, background-color;
color:#fff;
text-decoration:none;
padding:10px 25px;
background-color:  rgba(0, 0, 0, 0.7);
border:1px solid #9CD0E8;
letter-spacing:.025em;
text-align:center;
margin-top:15px;
}
#banner p a:hover, #banner p a:focus, #banner p a:active {
background-color: #9CD0E8;
color: #333;
text-shadow:none !important;
}

#banner p a.inlineLink:link, #banner p a.inlineLink:visited {
font-size:1.125em !important;
text-transform:none;
font-weight:normal;
display: inline-block;
vertical-align:text-top;
-webkit-transform:none !important;
transform:none !important;
box-shadow:none !important;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
overflow: hidden;
-webkit-transition-duration:none !important;
transition-duration:none;
-webkit-transition-property:none !important;
transition-property:none !important;
color:#fff;
text-decoration:none;
padding:0 !important;
background-color:transparent !important;
border:none;
border-bottom:2px dotted #fff;
letter-spacing:.025em;
text-align:left;
margin-top:0;
font-style:italic;
font-family:'Crimson Text', Times, serif;
}

#banner p a.inlineLink:hover {
text-shadow:none !important;
color:#fff;
border-bottom-color:#fff;
}*/

/*
DO NOT USE!!!!
/*#banner article ul {margin-top:25px; width:300px; margin-left:auto; margin-right:auto;}
#banner article li {float:left; display:inline; width:48% !important; font-size:.875em; padding-left:0; text-align:center !important;}
#banner article li a:link, #banner li a:visited {color:#FFF; text-decoration:none;} /* FOR SIDEBAR LINKS */
/*#banner article li a:link, #banner li a:visited {color:#00274C; text-decoration:none;}*/
/*#banner article li a:hover {color:#00274C; text-decoration:none; border-bottom: 1px dotted #00274C;}*/


/*---VERTICAL LIST LINKS----*/
/*#banner article ul {background-image:url(../images/misc/dotted-vline.png); background-repeat:repeat-y; background-position:left; margin-top:15px;}
#banner article li {list-style-position:inside; list-style-image:url(../images/icons/li-orange.png); text-align:left; padding-bottom:20px; font-size:1em;}
#banner article li:nth-child(3) {padding-bottom:0 !important;}
#banner article li a:link, #banner article li a:visited {color:#fff; text-decoration:none;}
#banner article li a:hover {color:#fff; text-decoration:none; border-bottom: 1px dotted #fff;}*/

/*----3 INLINE BUTTONS---*/
/*#banner article ul {
width:100%;
padding-top:3%;
margin-left:auto;
margin-right:auto;
}

#banner article li {
display:inline-block;
font-weight:normal !important;
font-size:1em !important;
text-align:center;
width: 20%;

}

#banner article li a {

padding: 0 !important;	
width: 100%;
padding:5% !important;
}

#banner article li:first-child { margin-right:3%; height:46px !important; vertical-align:middle;}
#banner article li:nth-child(2) {margin-right:3%; height:46px !important; vertical-align:middle;}
#banner article li:nth-child(3) {height:46px !important; vertical-align:middle;}


#banner article .note {
clear:both !important;
position:absolute;
bottom:2%;
right:0;
color:#fff;
background-color: #b50202;
padding:1% 2% 1% 10%;
}

#banner article .note p {
font-weight:normal;
font-family:'Roboto', Arial, sans-serif;
font-size:.875em;
}

#banner article .note p a {
color:#fff;
text-decoration:none;
border-bottom:1px dotted #ccc;
}
*/

/*---RIGHT TEXT BOX-----*/
#banner article {
	width: 30%;
	margin-top: 10%;
	margin-left: 66%;
	padding: 2%;
	color: #fff;
	background-color: rgba(0, 0, 0, 0.7);
}

#banner article h1 {
	font-size: 1.5em !important;
	line-height: 1.25em;
	margin-bottom: 10px;
	margin-top: 0;
	text-align: left;
	text-transform: uppercase;
}

#banner article h2 {
	font-size: .875em;
	margin-bottom: 5px;
}


#banner article h1 a:link, #banner article h1 a:visited {
	text-transform: uppercase;
	margin-top: 0;
	color: #fff;
	font-weight: bold;
	font-size: 1em !important;
	letter-spacing: 0.025em;
	line-height: 1.25em;
	background-color: transparent;
	text-decoration: none;
}

#banner article h1 a:hover, #banner article h1 a:focus {
	border-bottom: 1px dotted #fff;
}

#banner article p {
	color: #fff;
	font-size: .875em;
	background-color: transparent;
	padding-bottom: 20px;
	margin-bottom: 0;
	line-height: 1.5em;
}

#banner article p.deckhead {
	display: inline-block;
	font-family: 'Roboto', Arial, sans-serif !important;
	font-style: normal !important;
	color: #222;
	background-color: #FFAA00;
	font-size: .75em !important;
	letter-spacing: 0.025em;
	text-transform: uppercase;
	text-align: left;
	padding: 5px 10px;
	margin-bottom: 8px;
}

#banner article p.deckhead img {
	vertical-align: middle;
	margin-right: 12px;
}

#banner article p.related {
	font-family: 'Crimson Text', Times, serif;
	font-style: italic;
	padding-bottom: 0 !important;
}

#banner article p.note {
	font-size: .875em !important;
	font-weight: bold;
	color: #fffcab;
}

#banner p a {
	color: #fff;
}

#banner p a:link, #banner p a:visited {
	font-size: .75em !important;
	text-transform: uppercase;
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	overflow: hidden;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: color, background-color;
	transition-property: color, background-color;
	color: #fff;
	text-decoration: none;
	padding: 7px 25px;
	background-color: rgba(255, 255, 255, 0);
	border: 1px solid #fff;
	letter-spacing: .025em;
}

#banner p a:hover, #banner p a:focus, #banner p a:active {
	background-color: #fff;
	color: #084B8A;
	border: 1px solid #fff;
}

#banner p a.inlineLink:link, #banner p a.inlineLink:visited {
	font-size: 1.125em !important;
	text-transform: none;
	font-weight: normal;
	display: inline-block;
	vertical-align: text-top;
	-webkit-transform: none !important;
	transform: none !important;
	box-shadow: none !important;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	overflow: hidden;
	-webkit-transition-duration: none !important;
	transition-duration: none;
	-webkit-transition-property: none !important;
	transition-property: none !important;
	color: #fff;
	text-decoration: none;
	padding: 0 !important;
	background-color: transparent !important;
	border: none;
	border-bottom: 2px dotted #fff;
	letter-spacing: .025em;
	text-align: left;
	margin-top: 0;
	font-style: italic;
	font-family: 'Crimson Text', Times, serif;
}

#banner p a.inlineLink:hover {
	text-shadow: none !important;
	color: #FFAA00;
	border-bottom-color: #FFAA00;
}

#banner article hr {
	border: 0;
	height: 1px;
	background-color: #ccc;
	margin: 15px auto;
}

/*---ADD CLASS BELOW OR WILL EFFECT SIDEBAR NAV----*/
/*#banner article ul {background-image:url(../images/misc/dotted-vline.png); background-repeat:repeat-y; background-position:left; margin-top:15px; padding-left:23px;}*/
#banner article ul.relatedLinks {
	margin-top: 5px;
	padding-left: 23px;
}

#banner article ul.relatedLinks li {
	list-style-image: url(../images/icons/li-orange.png);
	text-align: left;
	padding-bottom: 10px;
	font-size: .875em;
	padding-left: 0;
}

#banner article ul.relatedLinks li a:link, #banner li a:visited {
	color: #fff;
	text-decoration: none;
}

#banner article ul.relatedLinks li a:hover {
	color: #fff;
	text-decoration: none;
	border-bottom: 1px dotted #fff;
}
/*#banner article ul.relatedLinks li:nth-child(4) {padding-bottom:0px !important;}*/



.hvr-fade {
	font-size: .75em !important;
	text-transform: uppercase;
	font-weight: 400;
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	overflow: hidden;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: color, background-color;
	transition-property: color, background-color;
	color: #fff;
	text-decoration: none;
	/*width:98%;
	padding:3% 1%;*/
	padding: 10px 25px;
	background-color: rgba(0, 0, 0, .75);
	border: 1px solid #ccc;
	letter-spacing: .025em;
	text-align: center;
}

.hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active {
	background-color: #fff;
	color: #084B8A;
}


/*----BOTTOM BANNER LINK BAR----*/
.bannerLinkBar {
	clear: both;
	width: 98%;
	padding: 0 1%;
	background-color: #00172d;
	color: #fff;
}

.bannerLinkBar p {
	text-align: center;
	margin: 0;
	padding: 0;
	color: #fff;
	font-size: .875em;
}

.bannerLinkBar h1 a:link, .bannerLinkBar h1 a:visited {
	color: #fff;
	font-size: 1em !important;
	font-weight: 700;
	margin-bottom: 1%;
	margin-top: 0;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
}

.bannerLinkBar h1 a:hover {
	color: #fff;
	text-decoration: none;
	border-bottom: 1px dotted #fff;
}

.bannerLink {
	display: inline-block;
	/*padding:10px 0 12px;*/
	padding: 15px 15px;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	color: #ddd;
	text-decoration: none;
	text-align: center;
}

.bannerLink:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #084B8A;
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.bannerLink:hover, .bannerLink:focus, .bannerLink:active {
	color: white;
}

.bannerLink:hover:before, .bannerLink:focus:before, .bannerLink:active:before {
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
}



a.bannerLinkButton:link, a.bannerLinkButton:visited {
	border-radius: 5px;
	letter-spacing: 0.045em;
	padding: 0.5em 1em;
	background-color: transparent;
	color: #fff;
	text-decoration: none;
}

a.bannerLinkButton:hover {
	background-color: #0059b2;
	color: #fff;
}

.bannerLinkBar p img {
	margin-right: 8px;
}


.bannerLinkBar hr {
	border: 0;
	height: 1px;
	border-bottom: 1px dotted #00376B;
	background: #00172d;
	margin: 0px auto 40px;
}

.bannerLinkBar h1 {
	padding-bottom: 30px;
}




/*----VIDEO BANNER ------*/
#btnPlayPause {
	vertical-align: middle;
	margin-right: 0.2%;
	cursor: pointer;
}

#txtPlayPause {
	cursor: pointer;
}

.video-container {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*.video-container {
position: absolute;
top: -35%;
left: -50%;
width: 200%;
height: 200%;
}*/

video {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	min-height: 50%;
	min-width: 50%;
}

#video-unit {
	display: inline-block;
	width: 100%;
	/*height:80%;*/
	height: 100%;
	position: relative;
	background: none;
	background-color: #000;
	overflow: hidden;
}

/*#video-container {
position: absolute;
background-color:#333;
}
#video-container {
top:0%;
left:0%;
height:100%;
width:100%;
overflow: hidden;
}

video {
position:absolute;
z-index:0;
height:auto;
}
video.fillWidth {
width: 100%;
}*/

.videoOverlay {
	position: relative;
	top: 15%;
	left: 0%;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	z-index: 1;
	color: #fff !important;
}

.videoOverlay .wrap {
	/*float:right;*/
	width: 50%;
	margin-left: auto;
	margin-right: auto;
}

.videoOverlay .wrap h1 {
	font-size: 2em !important;
	font-weight: 900;
	color: #fff;
	margin-bottom: 10px;
	text-transform: uppercase;
	line-height: 1.25em;
	text-align: left;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
}

.videoOverlay h1 a:link, .videoOverlay h1 a:visited {
	font-weight: 900;
	color: #b1050b;
	text-decoration: none;
}

.videoOverlay h1 a:hover {
	border-bottom: 1px dotted #000;
	color: #000;
}

.videoOverlay h2 {
	font-size: 2em !important;
	font-weight: 900;
	color: #fff;
	padding-top: 2%;
	padding-bottom: 2%;
	text-align: center;
	text-transform: uppercase;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
}

.videoOverlay h3 {
	font-size: 1em !important;
	font-weight: normal;
	color: #44;
	margin-bottom: 10px;
}

.videoOverlay .wrap p {
	font-size: .875em;
	line-height: 1.5em;
	font-weight: normal !important;
	color: #fff !important;
	text-align: center;
	letter-spacing: .05em;
}

.videoOverlay .wrap img {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.videoOverlay p.videoControl {
	font-size: .875em;
	line-height: 1.5em;
	font-weight: normal !important;
	color: #fff !important;
	text-align: center;
	letter-spacing: .05em;
	margin-top: 1%;
	margin-left: auto;
	margin-right: auto;
}

.videoOverlay ul {
	margin-top: 5px;
}

.videoOverlay li {
	list-style-position: inside;
	list-style-image: url(../images/icons/li-orange.png);
	padding: 0 0 5px;
	text-align: left;
	font-size: .875em;
}

.videoOverlay li a:link, .videoOverlay li a:visited {
	color: #fff;
	text-decoration: none;
}

.videoOverlay li a:hover {
	color: #fff;
	text-decoration: none;
	border-bottom: 1px dotted #fff;
}

/*----- Video Banner ------*/

li#video-unit.ff video {
	/* width: 100%; */
	/* height: 100%; */
	/* object-fit: cover; */

	/* Make video to at least 100% wide and tall */
	min-width: 100%; 
	min-height: 100%; 

	/* Setting width & height to auto prevents the browser from stretching or squishing the video */
	width: auto;
	height: auto;

	/* Center the video */
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);

	margin: 0;
}

li#video-unit.ff  .videoControl {
	position: absolute;
	bottom: 10px;
	right: 10px;
	z-index: 3;
}


li#video-unit.ff .videoOverlay {
	/* bottom: 10%; */
	/* top: unset; */
	top: 60%;
	left: 10%;
	position: absolute;
	bottom: unset;
	top: 50%;
	transform: translateY(-50%);
	width: auto;
	z-index: 2;
}

li#video-unit.ff .videoOverlay h2 {
	background: none;
	display: table;
	margin: 0;
	overflow: hidden;
	text-transform: none;
	font-size: 1.375em !important;
	text-shadow: none;
	padding: 0;
}


li#video-unit.ff .videoOverlay h2 a {
	color: #444 !important;
	text-decoration: none;
	display: table-cell;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	overflow: hidden;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: color, background-color;
	transition-property: color, background-color;
	color: #fff;
	text-decoration: none;
	padding: 20px 0px 20px 30px;
	background-color: #fff;
	height: 100%;
}

li#video-unit.ff .videoOverlay h2 a:hover {

	background-color: #00274C;
	color: #fff !important;
	border: none !Important;
}

li#video-unit.ff .videoOverlay h2 a .icon {
	background: #FF4500;
	text-align: center;
	vertical-align: middle;
	height: 100%;
	padding: 34px 10px;
	margin-left: 15px;
}


li#video-unit.ff .videoOverlay h2 a .icon:after {
	background: url(../images/icons/hp-arrow.png) no-repeat center center;
	content: '';
	display: inline-block;
	height: 16px;
	line-height: 100%;
	margin: 0;
	width: 36px;
	vertical-align: middle;
}

li#video-unit.ff .ff-logo {
	background: #00274C;
	display: inline-block;
	padding: 10px;
}

li#video-unit.ff .ff-logo img {
	height: 25px;
	display: block;
}

@media only screen and (max-device-width: 768px) {
	li#video-unit.ff {
		background: url('../images/banners-home/Commencement-2024-5.jpg') no-repeat center center;
		background-size: cover;
	}

	li#video-unit.ff video {
		display: none;
	}

	li#video-unit.ff .videoOverlay {
		position: absolute !important;
		top: auto !important;
		bottom: 0 !important;
		left: 0 !important;
		right: auto !important;
		display: block !important;
		width: 96% !important;
		height: auto !important;
		margin: 0 !important;
		padding: 2%;
		/* background-color: rgba(0,0,0,0.8); */
		background-color: #fff;
		color: #000;
		transform: unset;
	}

	li#video-unit.ff .videoOverlay h2 {
		font-size: 1em !important;
	}

	li#video-unit.ff .videoOverlay h2 a {
		background-color: #fff !important;
		color: #000 !important;
		padding: 10px !important;
	}

	li#video-unit.ff .videoOverlay h2 a .icon {
		display: none !important;
		visibility: hidden;
	}

	li#video-unit.ff .ff-logo {
		display: none;
	}

}

/*----- Video Banner Ends ------*/


#college-landing-pages {
	background-color: #f5f5f5;
	padding: 15px 30px 50px 30px;
	text-align: center;
	border-bottom: 1px solid #f1f1f1;
}

#college-landing-pages h2 {
	margin-bottom: 15px;
	text-transform: uppercase;
}

ul.landing-pages {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: .375em;
}

.landing-pages li a {
	background-color: #0F3F8C;
	border: 1px solid #00244E;
	border-radius: 2px;
	color: #fff;
	padding: 10px 15px;
	margin: 0;
	text-decoration: none;
	text-decoration-color: #6989bd;
	font-size: .825em;
	font-weight: 500;
	display: inline-block;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

.landing-pages li a:hover {
	text-decoration: underline;		
	text-decoration-style: dotted;
	text-decoration-thickness: 1px;
	text-decoration-color: #6989bd;
	text-underline-offset: 3px;
	background-color: #00244E;
}


/*----- LATEST NEWS ------*/
#latest {
	float: left;
	width: 100%;
	margin-top: -15px;
	background-color: #333;
}

#latest h1 {
	text-align: center;
	text-transform: uppercase;
	color: #efefef;
	margin-top: 2%;
}

.latestWrap {
	width: 100%;
	background: url(../images/gallery/wooden-classics.jpg) no-repeat center top;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
}

.leadPost {
	float: right;
	width: 30%;
	margin-top: 8%;
	margin-bottom: 14%;
	background-color: rgba(0, 0, 0, 0.8);
	padding: 1% 2%;
	color: #efefef;
}

.leadPost h2, .leadPost p {
	margin: 0;
	padding: 0;
	color: #fff;
	line-height: 1.5em;
}

.leadPost h2 {
	font-weight: bold;
	font-size: 1.25em;
}

.leadPost p {
	font-size: .875em;
	margin-bottom: 15px;
}

.leadPost a {
	font-size: .75em;
}

.latestPosts {
	clear: both;
	width: 94%;
	padding: 3%;
}

.latestPosts ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.latestPosts li {
	position: relative;
	float: left;
	display: inline-block;
	width: 31%;
	background-color: #efefef;
	margin-right: 3%;
	margin-bottom: 30px;
}

.latestPosts li:nth-child(3), .latestPosts li:nth-child(6) {
	margin-right: 0;
}

.latestPosts li img {
	max-width: 100%;
	height: auto;
}

.latestPosts li .videoContainer {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 25px;
	height: 0;
}

/* overides the iframe dimensions */
.latestPosts li .videoContainer iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


.latestPosts li h2, .latestPosts li p {
	padding: 4%;
}

.latestPosts li h2 {
	margin: 0;
	padding-bottom: 0;
	line-height: 1.5em;
	font-weight: bold;
}

.latestPosts li p {
	padding-top: 0;
	margin-top: 0;
	line-height: 1.5em;
	color: #444;
	font-size: .938em !important;
}

.latestPosts li p a:link {
	color: #06c;
	font-weight: bold;
	text-decoration: none;
}

.latestPosts li p a:visited {
	color: #444;
}

.latestPosts li p a:hover {
	text-decoration: underline;
}


.latestPosts li a {
	text-decoration: none;
	display: block;
	width: 100%;
	height: 100%;
}

.latestPosts li p.more {
	font-weight: bold;
	color: #06c;
}


.latestPosts li a h2 {
	color: #000;
}


.postImage {
	background-color: #999;
	width: 100%;
	padding-bottom: 75%;
	background-size: cover;
	background-position: 50%;
}

.postTag {
	position: absolute;
	top: 0;
	left: 0;
	padding: 5px 10px;
	color: #fff;
	font-size: .75em;
	font-weight: bold;
	text-transform: uppercase;
	z-index: 30;
}

.newsTag, .socialTag {
	background-color: #000;
	color: #fff;
}



#calendar {
	clear: both;
	float: left;
	width: 100%;
	background-color: #eee;
}

#calendar h1 {
	text-align: center;
	text-transform: uppercase;
	color: #00274C;
	margin-top: 2%;
}

.calendarWrap {
	/*float:right;
	width:91.5%;*/
	width: 100%;
}

.eventCategory {
	text-align: center;
}

.eventCategory a {
	margin-right: 20px;
	text-decoration: none;
	color: #06c;
}

a.calActive {
	/*background-color: #000 !important;
	color: #fff !important;*/
	background-color: #FF7900;
	border-radius: 1%;
	padding: 1%;
	/*border-radius: 5px;
	letter-spacing: 0.045em;
	padding: 0.25em 1em;
	margin-right:20px;
	background: none;*/
}

.calendarPosts {
	clear: both;
	width: 94%;
	padding: 3%;
}

.calendarPosts ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.calendarPosts li {
	float: left;
	display: inline-block;
	/*width:22%;*/
	width: 22%;
	height: 200px;
	background-color: #fff;
	margin-right: 3%;
	margin-bottom: 3%;
	border-top: 5px solid #FF6800;
	text-align: center;
	/*padding-top:30px;
	padding-left:1%;
	padding-right:1%;*/
	font-size: .875em;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(153,153,153,1);
	-moz-box-shadow: 0px 0px 5px 0px rgba(153,153,153,1);
	box-shadow: 0px 0px 5px 0px rgba(153,153,153,1);
}



.calendarPosts li a {
	text-decoration: none;
	color: #000;
	background-color: #eee;
	display: inline-block;
	width: 94%;
	height: 170px;
	padding-top: 30px;
	padding-left: 3%;
	padding-right: 3%;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	overflow: hidden;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: color, background-color;
	transition-property: color, background-color;
}


.calendarPosts li a:hover {
	color: #161616;
	background-color: #fff;
}


.calendarPosts li:nth-child(4), .calendarPosts li:nth-child(8) {
	margin-right: 0;
}

.month {
	font-family: 'Crimson Text';
	font-size: .675em;
	text-transform: uppercase;
}

.date {
	font-family: 'Crimson Text';
	font-size: 1.2em;
	text-transform: uppercase;
	margin-top: 3px;
}

.calendarPosts li hr {
	width: 80px;
	height: 0px;
	border: 0;
	border-bottom: 1px dotted #333;
	text-align: center;
	margin: 10px auto;
}

a.calendarButton:link, a.calendarButton:visited {
	border-radius: 5px;
	letter-spacing: 0.045em;
	padding: 0.25em 1em;
	background-color: transparent;
}

a.calendarButton:hover {
	background-color: #0059b2;
	color: #fff;
}


/*------EXPLORE-------*/
#explore {
	clear: both;
	clear: both;
	float: left;
	width: 100%;
	/* height: 90%; */
	padding: 5% 0;
	background-color: #00376B;
}

#explore article {
	/*float:right;
	width:90.5%;*/
	width: 90%;
	height: 75%;
	margin: 0 auto;
}

#explore h1 {
	margin-top: 2%;
	color: #fff;
	background-color: #00376B;
}

#explore article ul {
	list-style-type: none;
	margin: 0;
	height: 100%;
	display: flex;
	justify-content: space-between;
}

#explore article li {
	float: left;
	display: inline-block;
	color: #000;
	background-color: #efefef;
	width: 300px;
	height:100%;
	/* height: 430px !important; */
	font-size: .938em !important;
	flex-grow: 1;
	margin: 0 .5rem;
}

#explore article li p {
	padding-bottom: 20px !important;
}

#explore article li a:link, #explore article li a:visited {
	color: #000;
	text-decoration: none;
	background-color: #fff;
	background: none;
}

#explore article li a:hover {
	color: #084B8A;
}

/*#explore article ul a:link, #explore article ul a:visited {
float:left;
display:inline-block;
width:300px;
height:100%;
min-height:480px;
color:#000;
margin-right:20px !important;
}
*/
/*#explore article li:first-child {background-color:#efefef;}
#explore article li:nth-child(2) {background-color:#9CD0E8;}
#explore article li:nth-child(3) {background-color:#00274C;}
#explore article li:nth-child(3) h3, #explore article li:nth-child(3) p {color:#eee !important;}
#explore article li:nth-child(4) {background-color:#DBD9D5;}
#explore article li:nth-child(5) {background-color:#E0EEF5;}
#explore article li:nth-child(6) {background-color:#D9DDDC;}
#explore article li:nth-child(7) {background-color:#484F5F; color:#FFF !important;}
#explore article li:nth-child(7) p, #explore article li:nth-child(8) p {color:#FFF !important;}
#explore article li:nth-child(8) {background-color:#666; color:#fff;}*/
#explore article li img {
	width: 100%;
	height: auto;
}

#explore article li h3, #explore article li p {
	padding: 2% 4%;
}

#explore article li h3 {
	font-weight: bold;
}

#explore article li p {
	color: #333;
	font-size: .875em;
	line-height: 1.375em;
}





/**** REFRESH ***/



#sliderBanner article {
	overflow: hidden;
}

* {
	box-sizing: border-box;
}

/* Create three equal columns that floats next to each other */
.three-column {
	background-color: #fff !important;
	color: #000 !important;
	float: left;
	width: 40%;
	padding: 10px;
	/*height: 300px;*/ /* Should be removed. Only for demonstration */
}

.three-column:first-child, .three-column:last-child {
	width: 30%;
}

.three-column h2 {
	text-transform: uppercase;
	font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
	/* line-height: 3; */
	border-left: 3px solid #FF7900;
	margin-bottom: 20px;
	padding-left: 10px;
}

.three-column h2 a {
	text-transform: uppercase;
	font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
	color: #000 !important;
	text-decoration: none;
	/* line-height: 3; */
}

.three-column h2 a:visited {
	color: #000 !important;
}

.three-column h2 a:hover {
	text-decoration: underline;
}


.row {
	background-color: #fff;
	color: #000;
	display: flex;
}

/* Clear floats after the columns */
.row:after {
	content: "";
	display: table;
	clear: both;
}

/* NEWS */
#news {
	padding-left: 8%;
	padding-bottom: 8%;
}

#news article {
	overflow: auto;
	padding-bottom: 5%;
}

#news article img {
	float: left;
	width: 25%;
	margin-right: 3%;
}

#news a {
	text-decoration: none;
	color: #000;
}

#news a:hover {
	text-decoration: underline;
}

/* .more-news a {
padding-bottom: 5px;
border-bottom: 2px solid #FF7900;
}

.more-news a:hover {
text-decoration: none !important;
border-bottom: 2px solid #000;
} */

ul.more-news li {
	display: inline-block;
	border-right: 1px solid #d1d1d1;
	margin-right: 6px;
	margin-top: 5px;
	padding-right: 10px;
	font-size: .7em;
}

ul.more-news li:last-of-type {
	border: none;
}


.more-news a {
	text-decoration: none;
	text-transform: uppercase;
	color: #000;
	border-bottom: 2px solid #FF7900;
	display: block;
	padding: 3px 8px;
}

.more-news a:hover {
	text-decoration: none !important;
	border-bottom: 2px solid #000;
}

/* FEATURED */
.video-responsive {
	overflow: hidden;
	padding-bottom: 56.25%;
	position: relative;
	height: 0;
}

.video-responsive iframe {
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	position: absolute;
}

#featured {
	padding: 0 5%;
}

#featured a {
	text-decoration: none;
	color: #000;
}

#featured a:hover {
	text-decoration: underline;
}

.featured-active {
	border-bottom: 2px solid #FF7900;
}

.socialmedia {
	padding: 5%;
}

.center-ig {
    width: 50%;
    margin: auto;
    }

    @media only screen and (max-device-width: 1100px) {

        .center-ig {
            margin: 0;
            }
    }	

.more-featured {
	margin-top: 5%;
	overflow: auto;
}

.more-featured article {
	float: left;
	width: 33.3%;
}

.more-featured img {
	width: 100%;
}

.more-featured article {
	margin-right: 12%;
	width: 25%;
}

.more-featured article p {
	font-weight: bold;
	font-size: 0.8em;
	line-height: 1.3em;
}


.more-featured article:last-child {
	margin-right: 0;
}

.titanMag {
	list-style-type:none;
	margin:0 0 3%;
	padding:0;
	width:100%;
	display: flex;
	flex-wrap: nowrap;
}

.titanMag li {
	float:left;
	display:inline-block;
	width:45%;
}

.titanMag li:nth-child(odd) {
	margin-right:5%;
}

.titanMag li img {
	float:left;
	width:35%;
	margin-right:10px;
	border:1px solid #d7d7d7;
}

.titanMag li a:link, .titanMag li a:visited {
	color:#000;
	text-decoration:none;
}

.titanMag li a:hover, .titanMag li a:focus {
	color:#000;
	text-decoration:underline;
}



/*--- EVENTS --*/
#hero-event {
	overflow: hidden;
	padding-bottom: 5%;
}

#hero-event a {
	background-color: #fff;
	background: none;
	color: #000;
	text-decoration: none;
}

#hero-event a:hover {
	text-decoration: underline;
}

#hero-event img {
	float: left;
	margin-right: 2%;
}

.description {
	padding-left: 3%;
	flex-basis: auto;
	width: 85%;
}

/* CALENDAR - EVENTS */
#events {
	padding-right: 5%;
}

#events a {
	text-decoration: none;
	color: #000;
}

#events a:hover {
	text-decoration: underline;
}

#hero-event img {
	width: 25%;
}

#CalendarFeed li {
	overflow: hidden;
}

#CalendarFeed li a {
	text-decoration: none;
	color: #000;
	display: flex;
	flex-wrap: nowrap;
	justify-content: left;
	align-items: center;
	padding-bottom: 10px;
	border-bottom: 1px dashed #f1f1f1;
	margin-bottom: 10px;
}

#CalendarFeed li a:hover {
	border-color: #FF7900;
}

#CalendarFeed li:last-of-type a {
	border-color: transparent;
}

#CalendarFeed li:last-of-type a:hover {
	border-color: #FF7900;
}

ul.calendar-options li {
	display: inline-block;
	border-right: 1px solid #d1d1d1;
	margin-right: 6px;
	margin-top: 5px;
	padding-right: 10px;
	font-size: .7em;
}

ul.calendar-options li:last-of-type {
	border: none;
}


.calendar-options a {
	text-decoration: none;
	text-transform: uppercase;
	color: #000;
	border-bottom: 2px solid #FF7900;
	display: block;
	padding: 3px 8px;
}

.calendar-options a:hover {
	text-decoration: none;
	border-bottom: 2px solid #000;
}

.date, .month {
	font-family: 'Roboto', Arial, sans-serif;
	/* font-size: 0.875em; */
	/* font-weight: bold; */
	display: block;
	text-align: center;
	line-height: 1;
}

.event-date {
	/* float: left; */
	text-align: center;
	background: #f1f1f1;
	padding: 11px 7px;
	flex-basis: auto;
	width: 15%;
	border: 1px solid #ececec;
}


/* ITAT */

#itat h1 {
	color: #fff;
	background-color: #00244e;
	padding: 4% 0 0 0;
}

#itat {
	background-color: #00244e;
	height: auto;
	text-align: center;
}

#itat-logo {
	width: 400px;
	max-width: 85%;
	margin-top: 5%;
}


#itat-impact-intro {
	padding: 0 0 2% 0;
	text-align: center;
	color: white;
}

#itat-impact-stories {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
}

#itat-impact-stories li.impact-story {
	display: block;
	width: 25%;
	flex-grow: 1;
	aspect-ratio: 1 / 1;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center;
	text-decoration: none;
	text-align: left;
	-webkit-transition: all .3s;
	-moz-box-shadow: all .3s;
	-ms-box-shadow: all .3s;
	transition: all .3s;
}

#itat-impact-stories li.impact-story:hover {
	background-size: 110% 110%;
	-webkit-transition: all .3s;
	-moz-box-shadow: all .3s;
	-ms-box-shadow: all .3s;
	transition: all .3s;
}

#itat-impact-stories li.impact-story .impact-story-content {
	position: relative;
	opacity: 0;
	padding: 2em;
	width: 100%;
	height: 100%;
	background: rgb(9,75,138);
	background: -moz-linear-gradient(135deg, rgba(9,75,138,1) 0%, rgba(255,121,0,0.7) 100%);
	background: -webkit-linear-gradient(135deg, rgba(9,75,138,1) 0%, rgba(255,121,0,0.7) 100%);
	background: linear-gradient(135deg, rgba(9,75,138,1) 0%, rgba(255,121,0,0.7) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#094b8a",endColorstr="#ff7900",GradientType=1);
	color: white;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
	-webkit-transition: all .3s;
	-moz-box-shadow: all .3s;
	-ms-box-shadow: all .3s;
	transition: all .3s;
}

#itat-impact-stories li.impact-story:hover .impact-story-content {
	opacity: 1;
	-webkit-transition: all .3s;
	-moz-box-shadow: all .3s;
	-ms-box-shadow: all .3s;
	transition: all .3s;
}

#itat-impact-stories li.impact-story .impact-story-content:before {
	content: '\201c';
	font-family: 'texgyreschola-regular', sans-serif;
	color: rgba(255,255,255,.1);
	font-size: 7em;
	z-index: 1;
	position: absolute;
	top: 0.3em;
	left: 0;
}

#itat-impact-stories li.impact-story blockquote {
	padding: 0;
	border: none;
}
#itat-impact-stories li.impact-story blockquote p {
	font-size: 1.1em;
	line-height: 1.2em;
	font-family: 'Crimson Text', sans-serif;
}

#itat-impact-stories li.impact-story blockquote cite {
	font-size: .6em;
	color: white;
	line-height: 1.1em;
	font-style: normal;
	margin-top: 15px;
	display: block;
	position: relative;
	padding-left: 1em;
}

#itat-impact-stories li.impact-story blockquote cite:before {
	content: "\2014";
	position: absolute;
	left: 0;
	top: 0;
}

#itat-impact-stories .itat-impact-story-button {
	transition-duration: .3s;
	transition-property: color, background-color;
	color: #000;
	font-size: .8em;
	text-decoration: none;
	padding: 0.5em 1.25em;
	border-radius: 2em;
	background-color: #ff6800;
	font-weight: bold;
	margin-top: 1.5em;
}

#itat-impact-stories .itat-impact-story-button:hover {
	background-color: #feb210;
}

@media (max-width: 992px) {
	#itat-impact-stories li.impact-story {
		width: 50%;
	}

	#itat-impact-stories li.impact-story .impact-story-content {
		/* display: block; */
		padding: 1em;
	}
}

@media (max-width: 767px) {
	#itat-impact-stories li.impact-story {
		width: 100%;
	}
}

#footer, .footerResources {
	width: 100%;
}

#gs_cb50 {
	color: #000;
	background-color: #fff !important;
	background: none;
}

/* UTILITY CLASSES */
.hidden {
	display:none;
}



/* COLLEGE HIGHLIGHT */



.card.background-image {
	position: relative;
	margin-bottom: 2rem;
	height: 450px;
}


.card.background-image .card-image {
	top: 0;
	left: 0;

	width: 100%;
	height: 100%;
}

.card .card-body {
	position: absolute;
	z-index: 2;
	bottom: 0;
	left: 0;
	padding: 1.5rem 1.5rem 2rem 1.5rem;
	/* height: 100%; */
	/* display: flex; */
}


.card.background-image .card-image img {
	/* -o-object-fit: cover; */
	object-fit: cover;
	width: 100%;
	height: 100%;
}


.card.background-image:after {
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0%;
}


.bottom-left-title {
	/* color: #fff !important; */
	/* font-size: 2em; */
	/* padding: 1rem; */
	/* line-height: 2.7rem; */
	color: #fff !important;
	font-size: 1.1em !important;
	/* padding: 1rem
	rem
	!important; */
	line-height: 1.25em;
	font-weight: bold;
	margin-bottom: 1em;
}

.bottom-left-copy {
	color: #fff !important;
	/* padding: 1rem; */
	font-size: .9em;
	margin-bottom: 1.5em;
}


#bottom-left-link {
	text-transform: none;
	color: #FFF !important;
	padding: 1rem;
	/* margin-left: 1rem; */
	font-size: 1rem!important;
	border-bottom: 2px solid #FF7900;
	text-transform: uppercase;
	text-decoration: none !important;
}

#bottom-left-link:hover {
	text-transform: none;
	color: #FFF !important;
	padding: 1rem;
	/* margin-left: 1rem; */
	border-bottom: 2px solid #FF7900;
	text-transform: uppercase;
	text-decoration: none !important;
}


.banner-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 1) 100%) repeat 0 0;
}



@media (max-width: 1500px) {
	.bottom-left-title {
		/* color: #fff !important; */
		/* font-size: 1.6em !important; */
		/* padding: 1rem !important; */
	}    
}


@media (max-width: 1500px) {
	.bottom-left-copy {
		/* color: #fff !important; */
		/* padding: .8rem; */
	}  
}

@media (max-width: 1500px) {

	#bottom-left-link {
		text-transform: none;
		color: #FFF !important;
		padding: 1rem;
		/* margin-left: 1rem; */
		font-size: .9rem!important;
		border-bottom: 2px solid #FF7900;
		text-transform: uppercase;
		text-decoration: none !important;
	}
}

@media (max-width: 1300px) {
	.bottom-left-title {
		/* color: #fff !important; */
		/* font-size: 1.1em !important; */
		/* padding: 1rem !important; */
		/* line-height: 1.25em; */
		/* font-weight: bold; */
		/* margin-bottom: 1em; */
	}    
}


@media (max-width: 1300px) {
	.bottom-left-copy {
		/* color: #fff !important; */
		/* font-size: 1em !important; */
		/* padding: .6rem; */
	}  
}

@media (max-width: 1300px) {

	#bottom-left-link {
		text-transform: none;
		color: #FFF !important;
		padding: 1rem;
		/* margin-left: 1rem; */
		font-size: .8rem!important;
		border-bottom: 2px solid #FF7900;
		text-transform: uppercase;
		text-decoration: none !important;
	}
}


@media (max-width: 1050px) {
	.bottom-left-title {
		color: #fff !important;
		font-size: .9em !important;
		padding: 1rem !important;
		line-height: 1.4rem;

	}    
}


@media (max-width: 1050px) {
	.bottom-left-copy {
		color: #fff !important;
		padding: .6rem;
		font-size: .7em !important;

	}  
}

@media (max-width: 1050px) {

	.card .card-body {
		position: absolute;
		z-index: 2;
		bottom: 0rem;
		left: 0rem;
		padding: 1rem 1rem 3rem 1rem;
	}
}






.parent {
	text-align: left;
}
.child-left {
	display: inline-block;
	vertical-align: middle;
	width: 82%;
}

.child-right {
	display: inline-block;
	vertical-align: middle;
	transform: translateY(-10px);
}

@media (max-width: 767px) {
	.child-left {
		display: inline-block;
		vertical-align: middle;
		width: 75%;
	}  
}


/* -------------- @MEDIA -------------*/

/* ----------- iPhone 1-5S and GALAXY S3 ----------- */

/* Portrait */
@media only screen and (min-device-width: 320px) and (max-device-width: 640px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {



	/* REFRESH */
	#itat article li {
		width: 100%;
	}

	#itat h1 {
		color: #fff;
		background-color: #00244e;
		padding: 8% 0 3% 0;
	}

	#itat-impact-intro {
		padding: 0 0 8% 0;
		text-align: center;
		color: white;
	}


	.itat-container {
		float: none !important;
	}

	.quicklinks {
		overflow: hidden;
		float: right;
		width: 55%;
	}

	.quicklinks a {
		height: 100%;
	}

	.quicklinks a:first-child {
		width: 65% !important;
		float: left;
	}


	.quicklinks a:nth-child(2) {
		margin: 0;
		width: 20%;
	}

	.topBarNav {
		width: 100% !important;
	}

	.three-column {
		width: 100%;
		float: none;
	}

	#news {
		padding: 0;
	}

	#news article p {
		width: 100%;
	}

	.more-featured article {
		width: 100%;
		float: none;
		overflow: hidden;
		padding-bottom: 5%;
	}

	.more-featured article p {
		padding-left: 140px;
	}

	.more-featured article img {
		float: left;
	}

	#events {
		padding: 0;
	}

	#itat img {
		width: 100%;
		padding: 5%;
	}


	/*.quicklinks a {
	width: 100% !important;
	padding: 0;
	margin: 0;
	margin-right: 30px;
	display:inline-block;
}

	.quicklinks a.findIt {
	height: auto !important;
}*/



	.footerResources {
		padding: 5%;
	}

	.footerResources .col3 {
		width: 100%;
		float: none;
	}
	/* END REFRESH */

	#topBar p.portalFind {
		margin-left: 0% !important;
	}

	.topBar-sweep-to-top {
		text-align: center;
		padding: 8px 5px;
	}

	.navBar p {
		margin: 0 !important;
	}

	.hvr-sweep-to-top {
		width: 100% !important;
		border-top: 1px dotted #777;
	}

	#infoBar {
		height: 200px;
		margin-top: 0;
	}

	#infoBar ul {
		width: 320px !important;
		margin-left: 0 !important;
		padding-left: 0 !important;
	}

	#infoBar li {
		width: 32%;
		height: 100px;
		margin-left: 0 !important;
		padding-left: 0 !important;
		font-size: .75em !important;
	}

	#infoBar li a:link, #infoBar li a:visited {
		text-decoration: none;
	}


	#banner {
		position: static;
		background-image: url(../images/banners-home/parasite-research-m.jpg);
		background-attachment: scroll;
		-webkit-background-size: contain;
		-moz-background-size: contain;
		-o-background-size: contain;
		background-size: contain;
		background-position: center top;
		height: 410px;
	}

	#banner article {
		position: relative;
		left: 0;
		/*top:250px;*/
		top: 170px;
		width: 92%;
		padding: 4%;
		margin-top: 0 !important;
		margin-left: 0 !important;
		background-color: #00274C !important;
	}

	#banner article h1 {
		background: none !important;
		padding-left: 0;
		color: #fff;
		font-size: .875em !important;
	}

	#banner article h2 {
		color: #fff;
		font-size: .875em !important;
	}

	#banner article h1 a:link, #banner article h1 a:visited {
		font-size: 1em !important;
		color: #fff;
	}

	#banner article p {
		font-size: .75em !important;
		color: #fff;
	}

	#banner article p.deckhead {
		display: inline-block;
		font-size: .625em !important;
		text-align: left;
		color: #222;
	}

	#banner p a:link, #banner p a:visited {
		margin-left: 0;
		color: #fff;
		border-color: #fff;
	}

	#banner article ul.relatedLinks {
		background-image: none;
		padding-left: 0 !important;
		width: 300px;
		margin-left: auto;
		margin-right: auto;
	}

	#banner article ul.relatedLinks li {
		list-style-position: inherit !important;
		list-style-image: none;
		font-size: .75em !important;
		line-height: 1.125em;
		margin-bottom: 5px !important;
		margin-left: 0px !important;
		padding-left: 0 !important;
	}

	#banner article ul.relatedLinks li a {
		color: #fff !important;
	}

	#banner article .note {
		display: none;
	}

	.bannerLinkBar {
		display: none;
		visibility: hidden;
	}


	#video-unit {
		display: inline-block;
		width: 100%;
		height: 100%;
		position: relative;
		background: none;
		background-color: #00274C;
		overflow: hidden;
	}

	.videoOverlay {
		top: 200px;
		left: 0;
		width: 100%;
	}

	.videoOverlay .wrap {
		clear: both !important;
		float: none !important;
		width: 92%;
		padding: 4%;
		background-color: rgba(0, 0, 0, 0.9);
	}

	.videoOverlay .wrap h1 {
		font-size: 1.5em !important;
	}

	videoOverlay .wrap p {
		font-size: .75em !important;
	}

	.videoOverlay img {
		width: 40%;
		height: auto;
	}

	.videoControl {
		display: hidden;
		visibility: hidden;
	}

	#latest {
		float: none;
		clear: both;
		margin-top: 0px !important;
	}

	#latest h1 {
		margin-top: 0%;
		padding: 15px 0;
	}

	.latestWrap {
		float: none;
		clear: both;
		width: 100%; /*margin-top:100px*/
		!important;
		background-color: #333;
	}

	.leadPost { /*float:none;*/
		clear: both;
		width: 94%;
		margin-bottom: 0;
		padding: 40% 2% 10%;
		background: none !important;
	}

	.leadPost h2 {
		font-size: 1em !important;
		font-weight: bold;
	}

	.leadPost p {
		font-size: .875em !important;
	}

	.latestPosts {
		width: 100%;
		padding: 0;
	}

	.latestPosts li {
		float: none;
		clear: both;
		display: block;
		width: 100%;
		height: auto;
		margin-right: 0;
		margin-bottom: 0;
	}

	#calendar {
		float: none;
		background-color: #fff !important;
	}

	.calendarWrap {
		float: none;
		clear: both;
		width: 100%;
	}

	.eventCategory a {
		line-height: 2.25em;
	}

	.calendarPosts {
		width: 100%;
		padding: 0;
	}

	.calendarPosts li {
		float: none;
		clear: both;
		display: block;
		width: 100%;
		height: auto;
		margin-right: 0;
		margin-bottom: 0;
		padding-top: 15px;
		padding-bottom: 15px;
	}

	.calendarPosts li a {
		background-color: #fff !important;
	}

	#morePointer {
		display: none;
	}

	#explore {
		float: none;
		height: auto;
	}

	#calendar h1, #explore h1 {
		padding-top: 30px;
		padding-bottom: 20px;
	}

	#explore article {
		float: none;
		width: 100%;
		height: auto;
	}

	#explore article ul {
		height: auto;
	}

	#explore article li {
		float: none;
		display: block;
		width: 100%;
		height: 100% !important;
	}

	#explore article li p {
		font-size: 1em;
	}

	.sideNav {
		visibility: hidden !important;
	}

	.video-container {
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.videoOverlay {
		position: absolute;
	}

	#banner article li {
		width: 90% !important;
	}

	#dl-menu {
		display: none;
	}

	.mobile-topics {
		display: block;
	}
}

/* Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 640px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {


	/* REFRESH */
	#itat article li {
		width: 100%;
	}

	#itat h1 {
		color: #fff;
		background-color: #00244e;
		padding: 8% 0 3% 0;
	}

	#itat-impact-intro {
		padding: 0 0 8% 0;
		text-align: center;
		color: white;
	}


	.itat-container {
		float: none !important;
	}

	.quicklinks {
		overflow: hidden;
		float: right;
		width: 55%;
	}

	.quicklinks a {
		height: 100%;
	}

	.quicklinks a:first-child {
		width: 65% !important;
		float: left;
	}


	.quicklinks a:nth-child(2) {
		margin: 0;
		width: 20%;
	}

	.topBarNav {
		width: 100% !important;
	}

	.three-column {
		width: 100%;
		float: none;
	}

	#news {
		padding: 0;
	}

	#news article p {
		width: 100%;
	}

	.more-featured article {
		width: 100%;
		float: none;
		overflow: hidden;
		padding-bottom: 5%;
	}

	.more-featured article p {
		padding-left: 140px;
	}

	.more-featured article img {
		float: left;
	}

	#events {
		padding: 0;
	}

	#itat img {
		width: 100%;
		padding: 5%;
	}


	/*.quicklinks a {
	width: 100% !important;
	padding: 0;
	margin: 0;
	margin-right: 30px;
	display:inline-block;
}

	.quicklinks a.findIt {
	height: auto !important;
}*/



	.footerResources {
		padding: 5%;
	}

	.footerResources .col3 {
		width: 100%;
		float: none;
	}
	/* END REFRESH */

	#banner {
		position: static;
		background-image: url(../images/banners-home/parasite-research-m.jpg);
		background-color: #000;
		background-attachment: scroll;
		-webkit-background-size: contain;
		-moz-background-size: contain;
		-o-background-size: contain;
		background-size: contain;
		background-position: center top;
		height: 420px !important;
	}

	#banner article {
		position: relative;
		left: 0;
		/*top:250px;*/
		top: 170px;
		width: 92%;
		padding: 4%;
		margin-top: 0 !important;
		margin-left: 0 !important;
		background-color: #00274C !important;
	}

	#banner article h1 {
		background: none !important;
		padding-left: 0;
		color: #fff;
		font-size: 1em !important;
		text-align: left !important;
	}

	#banner article h2 {
		color: #fff;
		font-size: 1em !important;
	}

	#banner article h1 a:link, #banner article h1 a:visited {
		font-size: 1em !important;
		color: #fff;
	}

	#banner article p {
		font-size: .75em !important;
		color: #fff;
	}

	#banner article p.deckhead {
		display: inline-block;
		!important;
		color: #fff;
		color: #222;
	}

	#banner p a:link, #banner p a:visited {
		margin-left: 0;
		color: #fff;
		border-color: #fff;
	}

	#banner article ul.relatedLinks {
		background-image: none;
		padding-left: 20px !important;
		width: 360px;
	}

	#banner article ul.relatedLinks li {
		list-style-position: inside;
		list-style-image: none;
		font-size: .75em !important;
		margin-bottom: 5px !important;
		color: #fff;
		margin-left: -20px !important;
		padding-left: 0 !important;
	}

	#banner article ul.relatedLinks li a {
		color: #fff !important;
	}

	#banner article .note {
		display: none;
	}

	.bannerLinkBar {
		display: none;
		visibility: hidden;
	}

	#video-unit {
		display: inline-block;
		width: 100%;
		height: 200%;
		position: relative;
		background: none;
		background-color: #00274C;
		overflow: hidden;
	}

	.videoOverlay {
		top: 300px !important;
		left: 0;
		width: 100%;
	}

	.videoOverlay .wrap {
		clear: both !important;
		float: none !important;
		width: 92%;
		padding: 4%;
		background-color: rgba(0, 0, 0, 0.9);
	}

	.videoOverlay .wrap h1 {
		font-size: 1.5em !important;
	}

	videoOverlay .wrap p {
		font-size: .75em !important;
	}

	.videoOverlay img {
		width: 40%;
		height: auto;
	}

	.videoControl {
		display: hidden;
		visibility: hidden;
	}

	#latest {
		float: none;
		clear: both;
		margin-top: 0 !important;
	}

	#latest h1 {
		margin-top: 0%;
		padding: 15px 0;
	}

	.latestWrap {
		float: none;
		clear: both;
		width: 100%; /*margin-top:180px*/
		!important;
	}

	.leadPost { /*float:none;*/
		clear: both;
		width: 94% !important;
		margin-top: 200px !important;
		margin-bottom: 0;
		padding: 1% 3% !important;
	}

	.leadPost h2 {
		font-size: 1.5em !important;
		font-weight: bold;
	}

	.leadPost p {
		font-size: .875em !important;
	}

	.latestPosts {
		width: 100%;
		padding: 0;
	}

	.latestPosts li {
		display: inline-block;
		width: 50%;
		height: auto;
		margin-right: 0;
		margin-bottom: 0;
	}

	#calendar {
		float: none;
		background-color: #fff !important;
	}

	.calendarWrap {
		float: none;
		clear: both;
		width: 100%;
	}

	.eventCategory a {
		line-height: 2.25em;
	}

	.calendarPosts {
		width: 100%;
		padding: 0;
	}

	.calendarPosts li {
		display: inline-block;
		width: 50%;
		height: auto;
		margin-right: 0;
		margin-bottom: 0;
		padding-top: 15px;
		padding-bottom: 15px;
	}

	.calendarPosts li a {
		background-color: #fff !important;
	}

	#morePointer {
		display: none;
	}

	#calendar h1, #explore h1 {
		padding-top: 30px;
		padding-bottom: 20px;
	}

	#explore {
		float: none;
		height: auto;
	}

	#explore article {
		float: none;
		width: 100%;
		height: auto;
	}

	#explore article ul {
		height: auto;
	}

	#explore article li {
		float: none;
		display: block;
		width: 100%;
		height: 100% !important;
	}

	#explore article li p {
		font-size: 1em;
	}

	.sideNav {
		visibility: hidden !important;
	}

	.video-container {
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.videoOverlay {
		position: absolute;
		width: 100%;
	}

	#banner article li {
		width: 90% !important;
	}

	#dl-menu {
		display: none;
	}

	.mobile-topics {
		display: block;
	}
}

/* ----------- SAMSUNG GALAXY S4 ----------- */

/* Portrait */
@media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {

	/* REFRESH */
	#itat article li {
		width: 100%;
	}

	#itat h1 {
		color: #fff;
		background-color: #00244e;
		padding: 8% 0 3% 0;
	}

	#itat-impact-intro {
		padding: 0 0 8% 0;
		text-align: center;
		color: white;
	}


	.itat-container {
		float: none !important;
	}

	.quicklinks {
		overflow: hidden;
		float: right;
		width: 55%;
	}

	.quicklinks a {
		height: 100%;
	}

	.quicklinks a:first-child {
		width: 65% !important;
		float: left;
	}


	.quicklinks a:nth-child(2) {
		margin: 0;
		width: 20%;
	}

	.topBarNav {
		width: 100% !important;
	}

	.three-column {
		width: 100%;
		float: none;
	}

	#news {
		padding: 0;
	}

	#news article p {
		width: 100%;
	}

	.more-featured article {
		width: 100%;
		float: none;
		overflow: hidden;
		padding-bottom: 5%;
	}

	.more-featured article p {
		padding-left: 140px;
	}

	.more-featured article img {
		float: left;
	}

	#events {
		padding: 0;
	}

	#itat img {
		width: 100%;
		padding: 5%;
	}


	/*.quicklinks a {
	width: 100% !important;
	padding: 0;
	margin: 0;
	margin-right: 30px;
	display:inline-block;
}

	.quicklinks a.findIt {
	height: auto !important;
}*/



	.footerResources {
		padding: 5%;
	}

	.footerResources .col3 {
		width: 100%;
		float: none;
	}
	/* END REFRESH */

	#topBar p.portalFind {
		margin-left: 0% !important;
	}

	.topBar-sweep-to-top {
		text-align: center;
		padding: 8px 5px;
	}

	.navBar p {
		margin: 0 !important;
	}

	.hvr-sweep-to-top {
		width: 100% !important;
		border-top: 1px dotted #777;
	}

	#infoBar {
		height: 200px;
		margin-top: 0;
	}

	#infoBar ul {
		width: 320px !important;
		margin-left: 0 !important;
		padding-left: 0 !important;
	}

	#infoBar li {
		width: 32%;
		height: 100px;
		margin-left: 0 !important;
		padding-left: 0 !important;
		font-size: .75em !important;
	}

	#infoBar li a:link, #infoBar li a:visited {
		text-decoration: none;
	}


	#banner {
		position: static;
		background-image: url(../images/banners-home/parasite-research-m.jpg);
		background-attachment: scroll;
		-webkit-background-size: contain;
		-moz-background-size: contain;
		-o-background-size: contain;
		background-size: contain;
		background-position: center top;
		height: 540px;
	}

	#banner article {
		position: relative;
		left: 0;
		/*top:250px;*/
		top: 170px;
		width: 92%;
		padding: 4%;
		margin-top: 0 !important;
		margin-left: 0 !important;
		background-color: #00274C !important;
	}

	#banner article h1 {
		background: none !important;
		padding-left: 0;
		color: #fff;
		font-size: .875em !important;
	}

	#banner article h2 {
		color: #fff;
		font-size: .875em !important;
	}

	#banner article h1 a:link, #banner article h1 a:visited {
		font-size: 1em !important;
		color: #fff;
	}

	#banner article p {
		font-size: .75em !important;
		color: #fff;
	}

	#banner article p.deckhead {
		display: inline-block;
		font-size: .625em !important;
		text-align: left;
		color: #222;
	}

	#banner p a:link, #banner p a:visited {
		margin-left: 0;
	}

	#banner article ul.relatedLinks {
		background-image: none;
		padding-left: 0 !important;
		width: 300px;
		margin-left: auto;
		margin-right: auto;
	}

	#banner article ul.relatedLinks li {
		list-style-position: inherit !important;
		list-style-image: none;
		font-size: .75em !important;
		line-height: 1.125em;
		margin-bottom: 5px !important;
		margin-left: 0px !important;
		padding-left: 0 !important;
	}

	#banner article ul.relatedLinks li a {
		color: #fff !important;
	}

	#banner article .note {
		display: none;
	}

	.bannerLinkBar {
		display: none;
		visibility: hidden;
	}


	#video-unit {
		display: inline-block;
		width: 100%;
		height: 100%;
		position: relative;
		background: none;
		background-color: #00274C;
		overflow: hidden;
	}

	.videoOverlay {
		top: 200px;
		left: 0;
		width: 100%;
	}

	.videoOverlay .wrap {
		clear: both !important;
		float: none !important;
		width: 92%;
		padding: 4%;
		background-color: rgba(0, 0, 0, 0.9);
	}

	.videoOverlay .wrap h1 {
		font-size: 1.5em !important;
	}

	videoOverlay .wrap p {
		font-size: .75em !important;
	}

	.videoOverlay img {
		width: 40%;
		height: auto;
	}

	.videoControl {
		display: hidden;
		visibility: hidden;
	}

	#latest {
		float: none;
		clear: both;
		margin-top: 0px !important;
	}

	#latest h1 {
		margin-top: 0%;
		padding: 15px 0;
	}

	.latestWrap {
		float: none;
		clear: both;
		width: 100%; /*margin-top:100px*/
		!important;
		background-color: #333;
	}

	.leadPost { /*float:none;*/
		clear: both;
		width: 94%;
		margin-bottom: 0;
		padding: 40% 2% 10%;
		background: none !important;
	}

	.leadPost h2 {
		font-size: 1em !important;
		font-weight: bold;
	}

	.leadPost p {
		font-size: .875em !important;
	}

	.latestPosts {
		width: 100%;
		padding: 0;
	}

	.latestPosts li {
		float: none;
		clear: both;
		display: block;
		width: 100%;
		height: auto;
		margin-right: 0;
		margin-bottom: 0;
	}

	#calendar {
		float: none;
		background-color: #fff !important;
	}

	.calendarWrap {
		float: none;
		clear: both;
		width: 100%;
	}

	.eventCategory a {
		line-height: 2.25em;
	}

	.calendarPosts {
		width: 100%;
		padding: 0;
	}

	.calendarPosts li {
		float: none;
		clear: both;
		display: block;
		width: 100%;
		height: auto;
		margin-right: 0;
		margin-bottom: 0;
		padding-top: 15px;
		padding-bottom: 15px;
	}

	.calendarPosts li a {
		background-color: #fff !important;
	}

	#morePointer {
		display: none;
	}

	#explore {
		float: none;
		height: auto;
	}

	#calendar h1, #explore h1 {
		padding-top: 30px;
		padding-bottom: 20px;
	}

	#explore article {
		float: none;
		width: 100%;
		height: auto;
	}

	#explore article ul {
		height: auto;
	}

	#explore article li {
		float: none;
		display: block;
		width: 100%;
		height: 100% !important;
	}

	#explore article li p {
		font-size: 1em;
	}

	.sideNav {
		visibility: hidden !important;
	}

	.video-container {
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.videoOverlay {
		position: absolute;
	}

	#banner article li {
		width: 90% !important;
	}

	#dl-menu {
		display: none;
	}

	.mobile-topics {
		display: block;
	}
}

/* Landscape */
@media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {

	/* REFRESH */
	#itat article li {
		width: 100%;
	}

	#itat h1 {
		color: #fff;
		background-color: #00244e;
		padding: 8% 0 3% 0;
	}

	#itat-impact-intro {
		padding: 0 0 8% 0;
		text-align: center;
		color: white;
	}


	.itat-container {
		float: none !important;
	}

	.quicklinks {
		overflow: hidden;
		float: right;
		width: 55%;
	}

	.quicklinks a {
		height: 100%;
	}

	.quicklinks a:first-child {
		width: 65% !important;
		float: left;
	}


	.quicklinks a:nth-child(2) {
		margin: 0;
		width: 20%;
	}

	.topBarNav {
		width: 100% !important;
	}

	.three-column {
		width: 100%;
		float: none;
	}

	#news {
		padding: 0;
	}

	#news article p {
		width: 100%;
	}

	.more-featured article {
		width: 100%;
		float: none;
		overflow: hidden;
		padding-bottom: 5%;
	}

	.more-featured article p {
		padding-left: 140px;
	}

	.more-featured article img {
		float: left;
	}

	#events {
		padding: 0;
	}

	#itat img {
		width: 100%;
		padding: 5%;
	}


	/*.quicklinks a {
	width: 100% !important;
	padding: 0;
	margin: 0;
	margin-right: 30px;
	display:inline-block;
}

	.quicklinks a.findIt {
	height: auto !important;
}*/



	.footerResources {
		padding: 5%;
	}

	.footerResources .col3 {
		width: 100%;
		float: none;
	}
	/* END REFRESH */

	#banner {
		position: static;
		background-image: url(../images/banners-home/parasite-research-m.jpg);
		background-color: #000;
		background-attachment: scroll;
		-webkit-background-size: contain;
		-moz-background-size: contain;
		-o-background-size: contain;
		background-size: contain;
		background-position: center top;
		height: 540px !important;
	}

	#banner article {
		position: relative;
		left: 0;
		/*top:250px;*/
		top: 170px;
		width: 92%;
		padding: 4%;
		margin-top: 0 !important;
		margin-left: 0 !important;
		background-color: #00274C !important;
	}

	#banner article h1 {
		background: none !important;
		padding-left: 0;
		color: #fff;
		font-size: 1em !important;
		text-align: left !important;
	}

	#banner article h2 {
		color: #fff;
		font-size: 1em !important;
	}

	#banner article h1 a:link, #banner article h1 a:visited {
		font-size: 1em !important;
		color: #fff;
	}

	#banner article p {
		font-size: .75em !important;
		color: #fff;
	}

	#banner article p.deckhead {
		display: inline-block;
		!important;
		color: #fff;
		color: #222;
	}

	#banner p a:link, #banner p a:visited {
		margin-left: 0;
	}

	#banner article ul.relatedLinks {
		background-image: none;
		padding-left: 20px !important;
		width: 360px;
	}

	#banner article ul.relatedLinks li {
		list-style-position: inside;
		list-style-image: none;
		font-size: .75em !important;
		margin-bottom: 5px !important;
		color: #fff;
		margin-left: -20px !important;
		padding-left: 0 !important;
	}

	#banner article ul.relatedLinks li a {
		color: #fff !important;
	}

	#banner article .note {
		display: none;
	}

	.bannerLinkBar {
		display: none;
		visibility: hidden;
	}

	#video-unit {
		display: inline-block;
		width: 100%;
		height: 200%;
		position: relative;
		background: none;
		background-color: #00274C;
		overflow: hidden;
	}

	.videoOverlay {
		top: 300px !important;
		left: 0;
		width: 100%;
	}

	.videoOverlay .wrap {
		clear: both !important;
		float: none !important;
		width: 92%;
		padding: 4%;
		background-color: rgba(0, 0, 0, 0.9);
	}

	.videoOverlay .wrap h1 {
		font-size: 1.5em !important;
	}

	videoOverlay .wrap p {
		font-size: .75em !important;
	}

	.videoOverlay img {
		width: 40%;
		height: auto;
	}

	.videoControl {
		display: hidden;
		visibility: hidden;
	}

	#latest {
		float: none;
		clear: both;
		margin-top: 0 !important;
	}

	#latest h1 {
		margin-top: 0%;
		padding: 15px 0;
	}

	.latestWrap {
		float: none;
		clear: both;
		width: 100%; /*margin-top:180px*/
		!important;
	}

	.leadPost { /*float:none;*/
		clear: both;
		width: 94% !important;
		margin-top: 200px !important;
		margin-bottom: 0;
		padding: 1% 3% !important;
	}

	.leadPost h2 {
		font-size: 1.5em !important;
		font-weight: bold;
	}

	.leadPost p {
		font-size: .875em !important;
	}

	.latestPosts {
		width: 100%;
		padding: 0;
	}

	.latestPosts li {
		display: inline-block;
		width: 50%;
		height: auto;
		margin-right: 0;
		margin-bottom: 0;
	}

	#calendar {
		float: none;
		background-color: #fff !important;
	}

	.calendarWrap {
		float: none;
		clear: both;
		width: 100%;
	}

	.eventCategory a {
		line-height: 2.25em;
	}

	.calendarPosts {
		width: 100%;
		padding: 0;
	}

	.calendarPosts li {
		display: inline-block;
		width: 50%;
		height: auto;
		margin-right: 0;
		margin-bottom: 0;
		padding-top: 15px;
		padding-bottom: 15px;
	}

	.calendarPosts li a {
		background-color: #fff !important;
	}

	#morePointer {
		display: none;
	}

	#calendar h1, #explore h1 {
		padding-top: 30px;
		padding-bottom: 20px;
	}

	#explore {
		float: none;
		height: auto;
	}

	#explore article {
		float: none;
		width: 100%;
		height: auto;
	}

	#explore article ul {
		height: auto;
	}

	#explore article li {
		float: none;
		display: block;
		width: 100%;
		height: 100% !important;
	}

	#explore article li p {
		font-size: 1em;
	}

	.sideNav {
		visibility: hidden !important;
	}

	.video-container {
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.videoOverlay {
		position: absolute;
		width: 100%;
	}

	#banner article li {
		width: 90% !important;
	}

	#dl-menu {
		display: none;
	}

	.mobile-topics {
		display: block;
	}
}


/* ----------- SAMSUNG GALAXY S5 ----------- */

/* Portrait */
@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {


	/* REFRESH */
	#itat article li {
		width: 100%;
	}

	#itat h1 {
		color: #fff;
		background-color: #00244e;
		padding: 8% 0 3% 0;
	}

	#itat-impact-intro {
		padding: 0 0 8% 0;
		text-align: center;
		color: white;
	}

	.itat-container {
		float: none !important;
	}

	.quicklinks {
		overflow: hidden;
		float: right;
		width: 55%;
	}

	.quicklinks a {
		height: 100%;
	}

	.quicklinks a:first-child {
		width: 65% !important;
		float: left;
	}


	.quicklinks a:nth-child(2) {
		margin: 0;
		width: 20%;
	}

	.topBarNav {
		width: 100% !important;
	}

	.three-column {
		width: 100%;
		float: none;
	}

	#news {
		padding: 0;
	}

	#news article p {
		width: 100%;
	}

	.more-featured article {
		width: 100%;
		float: none;
		overflow: hidden;
		padding-bottom: 5%;
	}

	.more-featured article p {
		padding-left: 140px;
	}

	.more-featured article img {
		float: left;
	}

	#events {
		padding: 0;
	}

	#itat img {
		width: 100%;
		padding: 5%;
	}


	/*.quicklinks a {
	width: 100% !important;
	padding: 0;
	margin: 0;
	margin-right: 30px;
	display:inline-block;
}

	.quicklinks a.findIt {
	height: auto !important;
}*/



	.footerResources {
		padding: 5%;
	}

	.footerResources .col3 {
		width: 100%;
		float: none;
	}
	/* END REFRESH */

	#topBar p.portalFind {
		margin-left: 0% !important;
	}

	.topBar-sweep-to-top {
		text-align: center;
		padding: 8px 5px;
	}

	.navBar p {
		margin: 0 !important;
	}

	.hvr-sweep-to-top {
		width: 100% !important;
		border-top: 1px dotted #777;
	}

	#infoBar {
		height: 200px;
		margin-top: 0;
	}

	#infoBar ul {
		width: 320px !important;
		margin-left: 0 !important;
		padding-left: 0 !important;
	}

	#infoBar li {
		width: 32%;
		height: 100px;
		margin-left: 0 !important;
		padding-left: 0 !important;
		font-size: .75em !important;
	}

	#infoBar li a:link, #infoBar li a:visited {
		text-decoration: none;
	}


	#banner {
		position: static;
		background-image: url(../images/banners-home/parasite-research-m.jpg);
		background-attachment: scroll;
		-webkit-background-size: contain;
		-moz-background-size: contain;
		-o-background-size: contain;
		background-size: contain;
		background-position: center top;
		height: 400px;
	}

	#banner article {
		position: relative;
		left: 0;
		/*top:250px;*/
		top: 170px;
		width: 92%;
		padding: 4%;
		margin-top: 0 !important;
		margin-left: 0 !important;
		background-color: #00274C !important;
	}

	#banner article h1 {
		background: none !important;
		padding-left: 0;
		color: #fff;
		font-size: .875em !important;
	}

	#banner article h2 {
		color: #fff;
		font-size: .875em !important;
	}

	#banner article h1 a:link, #banner article h1 a:visited {
		font-size: 1em !important;
		color: #fff;
	}

	#banner article p {
		font-size: .75em !important;
		color: #fff;
	}

	#banner article p.deckhead {
		display: inline-block;
		font-size: .625em !important;
		text-align: left;
		color: #222;
	}

	#banner p a:link, #banner p a:visited {
		margin-left: 0;
	}

	#banner article ul.relatedLinks {
		background-image: none;
		padding-left: 0 !important;
		width: 300px;
		margin-left: auto;
		margin-right: auto;
	}

	#banner article ul.relatedLinks li {
		list-style-position: inherit !important;
		list-style-image: none;
		font-size: .75em !important;
		line-height: 1.125em;
		margin-bottom: 5px !important;
		margin-left: 0px !important;
		padding-left: 0 !important;
	}

	#banner article ul.relatedLinks li a {
		color: #fff !important;
	}

	#banner article .note {
		display: none;
	}

	.bannerLinkBar {
		display: none;
		visibility: hidden;
	}


	#video-unit {
		display: inline-block;
		width: 100%;
		height: 100%;
		position: relative;
		background: none;
		background-color: #00274C;
		overflow: hidden;
	}

	.videoOverlay {
		top: 200px;
		left: 0;
		width: 100%;
	}

	.videoOverlay .wrap {
		clear: both !important;
		float: none !important;
		width: 92%;
		padding: 4%;
		background-color: rgba(0, 0, 0, 0.9);
	}

	.videoOverlay .wrap h1 {
		font-size: 1.5em !important;
	}

	videoOverlay .wrap p {
		font-size: .75em !important;
	}

	.videoOverlay img {
		width: 40%;
		height: auto;
	}

	.videoControl {
		display: hidden;
		visibility: hidden;
	}

	#latest {
		float: none;
		clear: both;
		margin-top: 0px !important;
	}

	#latest h1 {
		margin-top: 0%;
		padding: 15px 0;
	}

	.latestWrap {
		float: none;
		clear: both;
		width: 100%; /*margin-top:100px*/
		!important;
		background-color: #333;
	}

	.leadPost { /*float:none;*/
		clear: both;
		width: 94%;
		margin-bottom: 0;
		padding: 40% 2% 10%;
		background: none !important;
	}

	.leadPost h2 {
		font-size: 1em !important;
		font-weight: bold;
	}

	.leadPost p {
		font-size: .875em !important;
	}

	.latestPosts {
		width: 100%;
		padding: 0;
	}

	.latestPosts li {
		float: none;
		clear: both;
		display: block;
		width: 100%;
		height: auto;
		margin-right: 0;
		margin-bottom: 0;
	}

	#calendar {
		float: none;
		background-color: #fff !important;
	}

	.calendarWrap {
		float: none;
		clear: both;
		width: 100%;
	}

	.eventCategory a {
		line-height: 2.25em;
	}

	.calendarPosts {
		width: 100%;
		padding: 0;
	}

	.calendarPosts li {
		float: none;
		clear: both;
		display: block;
		width: 100%;
		height: auto;
		margin-right: 0;
		margin-bottom: 0;
		padding-top: 15px;
		padding-bottom: 15px;
	}

	.calendarPosts li a {
		background-color: #fff !important;
	}

	#morePointer {
		display: none;
	}

	#explore {
		float: none;
		height: auto;
	}

	#calendar h1, #explore h1 {
		padding-top: 30px;
		padding-bottom: 20px;
	}

	#explore article {
		float: none;
		width: 100%;
		height: auto;
	}

	#explore article ul {
		height: auto;
	}

	#explore article li {
		float: none;
		display: block;
		width: 100%;
		height: 100% !important;
	}

	#explore article li p {
		font-size: 1em;
	}

	.sideNav {
		visibility: hidden !important;
	}

	.video-container {
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.videoOverlay {
		position: absolute;
	}

	#banner article li {
		width: 90% !important;
	}

	#dl-menu {
		display: none;
	}

	.mobile-topics {
		display: block;
	}
}

/* Landscape */
@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {


	/* REFRESH */
	#itat article li {
		width: 100%;
	}

	#itat h1 {
		color: #fff;
		background-color: #00244e;
		padding: 8% 0 3% 0;
	}

	#itat-impact-intro {
		padding: 0 0 8% 0;
		text-align: center;
		color: white;
	}


	.itat-container {
		float: none !important;
	}

	.quicklinks {
		overflow: hidden;
		float: right;
		width: 55%;
	}

	.quicklinks a {
		height: 100%;
	}

	.quicklinks a:first-child {
		width: 65% !important;
		float: left;
	}


	.quicklinks a:nth-child(2) {
		margin: 0;
		width: 20%;
	}

	.topBarNav {
		width: 100% !important;
	}

	.three-column {
		width: 100%;
		float: none;
	}

	#news {
		padding: 0;
	}

	#news article p {
		width: 100%;
	}

	.more-featured article {
		width: 100%;
		float: none;
		overflow: hidden;
		padding-bottom: 5%;
	}

	.more-featured article p {
		padding-left: 140px;
	}

	.more-featured article img {
		float: left;
	}

	#events {
		padding: 0;
	}

	#itat img {
		width: 100%;
		padding: 5%;
	}


	/*.quicklinks a {
	width: 100% !important;
	padding: 0;
	margin: 0;
	margin-right: 30px;
	display:inline-block;
}

	.quicklinks a.findIt {
	height: auto !important;
}*/



	.footerResources {
		padding: 5%;
	}

	.footerResources .col3 {
		width: 100%;
		float: none;
	}
	/* END REFRESH */

	#banner {
		position: static;
		background-image: url(../images/banners-home/parasite-research-m.jpg);
		background-color: #000;
		background-attachment: scroll;
		-webkit-background-size: contain;
		-moz-background-size: contain;
		-o-background-size: contain;
		background-size: contain;
		background-position: center top;
		height: 540px !important;
	}

	#banner article {
		position: relative;
		left: 0;
		/*top:250px;*/
		top: 170px;
		width: 92%;
		padding: 4%;
		margin-top: 0 !important;
		margin-left: 0 !important;
		background-color: #00274C !important;
	}

	#banner article h1 {
		background: none !important;
		padding-left: 0;
		color: #fff;
		font-size: 1em !important;
		text-align: left !important;
	}

	#banner article h2 {
		color: #fff;
		font-size: 1em !important;
	}

	#banner article h1 a:link, #banner article h1 a:visited {
		font-size: 1em !important;
		color: #fff;
	}

	#banner article p {
		font-size: .75em !important;
		color: #fff;
	}

	#banner article p.deckhead {
		display: inline-block;
		!important;
		color: #fff;
		color: #222;
	}

	#banner p a:link, #banner p a:visited {
		margin-left: 0;
	}

	#banner article ul.relatedLinks {
		background-image: none;
		padding-left: 20px !important;
		width: 360px;
	}

	#banner article ul.relatedLinks li {
		list-style-position: inside;
		list-style-image: none;
		font-size: .75em !important;
		margin-bottom: 5px !important;
		color: #fff;
		margin-left: -20px !important;
		padding-left: 0 !important;
	}

	#banner article ul.relatedLinks li a {
		color: #fff !important;
	}

	#banner article .note {
		display: none;
	}

	.bannerLinkBar {
		display: none;
		visibility: hidden;
	}

	#video-unit {
		display: inline-block;
		width: 100%;
		height: 200%;
		position: relative;
		background: none;
		background-color: #00274C;
		overflow: hidden;
	}

	.videoOverlay {
		top: 300px !important;
		left: 0;
		width: 100%;
	}

	.videoOverlay .wrap {
		clear: both !important;
		float: none !important;
		width: 92%;
		padding: 4%;
		background-color: rgba(0, 0, 0, 0.9);
	}

	.videoOverlay .wrap h1 {
		font-size: 1.5em !important;
	}

	videoOverlay .wrap p {
		font-size: .75em !important;
	}

	.videoOverlay img {
		width: 40%;
		height: auto;
	}

	.videoControl {
		display: hidden;
		visibility: hidden;
	}

	#latest {
		float: none;
		clear: both;
		margin-top: 0 !important;
	}

	#latest h1 {
		margin-top: 0%;
		padding: 15px 0;
	}

	.latestWrap {
		float: none;
		clear: both;
		width: 100%; /*margin-top:180px*/
		!important;
	}

	.leadPost { /*float:none;*/
		clear: both;
		width: 94% !important;
		margin-top: 200px !important;
		margin-bottom: 0;
		padding: 1% 3% !important;
	}

	.leadPost h2 {
		font-size: 1.5em !important;
		font-weight: bold;
	}

	.leadPost p {
		font-size: .875em !important;
	}

	.latestPosts {
		width: 100%;
		padding: 0;
	}

	.latestPosts li {
		display: inline-block;
		width: 50%;
		height: auto;
		margin-right: 0;
		margin-bottom: 0;
	}

	#calendar {
		float: none;
		background-color: #fff !important;
	}

	.calendarWrap {
		float: none;
		clear: both;
		width: 100%;
	}

	.eventCategory a {
		line-height: 2.25em;
	}

	.calendarPosts {
		width: 100%;
		padding: 0;
	}

	.calendarPosts li {
		display: inline-block;
		width: 50%;
		height: auto;
		margin-right: 0;
		margin-bottom: 0;
		padding-top: 15px;
		padding-bottom: 15px;
	}

	.calendarPosts li a {
		background-color: #fff !important;
	}

	#morePointer {
		display: none;
	}

	#calendar h1, #explore h1 {
		padding-top: 30px;
		padding-bottom: 20px;
	}

	#explore {
		float: none;
		height: auto;
	}

	#explore article {
		float: none;
		width: 100%;
		height: auto;
	}

	#explore article ul {
		height: auto;
	}

	#explore article li {
		float: none;
		display: block;
		width: 100%;
		height: 100% !important;
	}

	#explore article li p {
		font-size: 1em;
	}

	.sideNav {
		visibility: hidden !important;
	}

	.video-container {
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.videoOverlay {
		position: absolute;
		width: 100%;
	}

	#banner article li {
		width: 90% !important;
	}

	#dl-menu {
		display: none;
	}

	.mobile-topics {
		display: block;
	}
}


/* ----------- iPhone 6 ----------- */

/* Portrait */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {


	/* REFRESH */
	#itat article li {
		width: 100%;
	}

	#itat h1 {
		color: #fff;
		background-color: #00244e;
		padding: 8% 0 3% 0;
	}

	#itat-impact-intro {
		padding: 0 0 8% 0;
		text-align: center;
		color: white;
	}


	.itat-container {
		float: none !important;
	}

	.quicklinks {
		overflow: hidden;
		float: right;
		width: 55%;
	}

	.quicklinks a {
		height: 100%;
	}

	.quicklinks a:first-child {
		width: 65% !important;
		float: left;
	}


	.quicklinks a:nth-child(2) {
		margin: 0;
		width: 20%;
	}

	.topBarNav {
		width: 100% !important;
	}

	.three-column {
		width: 100%;
		float: none;
	}

	#news {
		padding: 0;
	}

	#news article p {
		width: 100%;
	}

	.more-featured article {
		width: 100%;
		float: none;
		overflow: hidden;
		padding-bottom: 5%;
	}

	.more-featured article p {
		padding-left: 140px;
	}

	.more-featured article img {
		float: left;
	}

	#events {
		padding: 0;
	}

	#itat img {
		width: 100%;
		padding: 5%;
	}


	/*.quicklinks a {
	width: 100% !important;
	padding: 0;
	margin: 0;
	margin-right: 30px;
	display:inline-block;
}

	.quicklinks a.findIt {
	height: auto !important;
}*/



	.footerResources {
		padding: 5%;
	}

	.footerResources .col3 {
		width: 100%;
		float: none;
	}
	/* END REFRESH */




	#itatOptions article {
		color:#000;
		background-color: #000;
	}

	#itatOptions article ul li {
		width: 100%;
		color: #fff;
		background-color: #000;
	}

	#topBar p.portalFind {
		margin-left: 0% !important;
	}

	.topBar-sweep-to-top {
		text-align: center;
		padding: 8px 5px;
	}

	.navBar p {
		margin: 0 !important;
	}

	.hvr-sweep-to-top {
		width: 100% !important;
		border-top: 1px dotted #777;
	}

	#infoBar {
		height: 200px;
		margin-top: 0;
	}

	#infoBar ul {
		width: 320px !important;
		margin-left: 0 !important;
		padding-left: 0 !important;
	}

	#infoBar li {
		width: 32%;
		height: 100px;
		margin-left: 0 !important;
		padding-left: 0 !important;
		font-size: .75em !important;
	}

	#infoBar li a:link, #infoBar li a:visited {
		text-decoration: none;
	}

	#banner {
		position: static;
		background-image: url(../images/banners-home/parasite-research-m.jpg);
		background-attachment: scroll;
		-webkit-background-size: contain;
		-moz-background-size: contain;
		-o-background-size: contain;
		background-size: contain;
		background-position: center top;
		height: 400px;
	}

	#banner article {
		position: relative;
		left: 0;
		/*top:250px;*/
		top: 170px;
		width: 92%;
		padding: 4%;
		margin-top: 0 !important;
		margin-left: 0 !important;
		background-color: #00274C !important;
	}

	#banner article h1 {
		background: none !important;
		padding-left: 0;
		font-size: 1em !important;
		color: #fff;
	}

	#banner article h2 {
		font-size: 1em !important;
		color: #fff;
	}

	#banner article h1 a:link, #banner article h1 a:visited {
		font-size: 1em !important;
		color: #fff;
	}

	#banner article p {
		font-size: .75em !important;
		color: #fff;
	}

	#banner article p.deckhead {
		display: inline-block;
		font-size: .75em !important;
		color: #222;
	}

	#banner p a:link, #banner p a:visited {
		margin-left: 0;
		color: #fff;
		border-color: #fff;
	}

	#banner article ul.relatedLinks {
		background-image: none;
		width: 350px;
	}

	#banner article ul.relatedLinks li {
		list-style-position: inside;
		list-style-image: none;
		font-size: .75em !important;
		color: #fff;
		margin-left: 0px !important;
		padding-left: 0 !important;
	}

	#banner article ul.relatedLinks li a {
		color: #fff !important;
	}

	#banner article .note {
		display: none;
	}

	.bannerLinkBar {
		display: none;
		visibility: hidden;
	}

	#video-unit {
		display: inline-block;
		width: 100%;
		height: 100%;
		position: relative;
		background: none;
		background-color: #00274C;
		overflow: hidden;
	}

	.videoOverlay {
		top: 300px !important;
		left: 0;
		width: 100%;
	}

	.videoOverlay .wrap {
		clear: both !important;
		float: none !important;
		width: 92%;
		padding: 4%;
		background-color: rgba(0, 0, 0, 0.9);
	}

	.videoOverlay .wrap h1 {
		font-size: 1.5em !important;
	}

	videoOverlay .wrap p {
		font-size: .75em !important;
	}

	.videoOverlay img {
		width: 40%;
		height: auto;
	}

	.videoControl {
		display: hidden;
		visibility: hidden;
	}

	.videoOverlay img {
		width: 60%;
		height: auto;
	}

	#latest {
		float: none;
		clear: both;
		margin-top: 0px !important;
	}

	#latest h1 {
		margin-top: 0%;
		padding: 15px 0;
	}

	.latestWrap {
		float: none;
		clear: both;
		width: 100%;
		margin-top: 0px !important;
		background-color: #333;
	}

	.leadPost { /*float:none;*/
		clear: both;
		width: 94%;
		margin-bottom: 0;
		padding: 40% 2% 10%;
		background: none !important;
	}

	.latestPosts {
		width: 100%;
		padding: 0;
	}

	.latestPosts li {
		float: none;
		clear: both;
		display: block;
		width: 100%;
		height: auto;
		margin-right: 0;
		margin-bottom: 0;
	}

	#calendar {
		float: none;
	}

	.calendarWrap {
		float: none;
		clear: both;
		width: 100%;
	}

	.eventCategory a {
		line-height: 2.25em;
	}

	.calendarPosts {
		width: 100%;
		padding: 0;
	}

	.calendarPosts li {
		float: none;
		clear: both;
		display: block;
		width: 100%;
		height: auto;
		margin-right: 0;
		margin-bottom: 0;
		padding-top: 15px;
		padding-bottom: 15px;
	}

	.calendarPosts li a {
		background-color: #fff !important;
	}

	#morePointer {
		display: none;
	}

	#explore {
		float: none;
		height: auto;
	}

	#calendar h1, #explore h1 {
		padding-top: 30px;
		padding-bottom: 20px;
	}

	#explore article {
		float: none;
		width: 100%;
		height: auto;
	}

	#explore article ul {
		height: auto;
	}

	#explore article li {
		float: none;
		display: block;
		width: 100%;
		height: 100% !important;
	}

	#explore article li p {
		font-size: 1em;
	}

	.sideNav {
		visibility: hidden !important;
	}

	.video-container {
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.videoOverlay {
		position: absolute;
	}

	#banner article li {
		width: 90% !important;
	}

	#dl-menu {
		display: none;
	}

	.mobile-topics {
		display: block;
	}
}

/* Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {


	/* REFRESH */
	#itat article li {
		width: 100%;
	}

	#itat h1 {
		color: #fff;
		background-color: #00244e;
		padding: 8% 0 3% 0;
	}

	#itat-impact-intro {
		padding: 0 0 8% 0;
		text-align: center;
		color: white;
	}


	.itat-container {
		float: none !important;
	}

	.quicklinks {
		overflow: hidden;
		float: right;
		width: 55%;
	}

	.quicklinks a {
		height: 100%;
	}

	.quicklinks a:first-child {
		width: 65% !important;
		float: left;
	}


	.quicklinks a:nth-child(2) {
		margin: 0;
		width: 20%;
	}

	.topBarNav {
		width: 100% !important;
	}

	.three-column {
		width: 100%;
		float: none;
	}

	#news {
		padding: 0;
	}

	#news article p {
		width: 100%;
	}

	.more-featured article {
		width: 100%;
		float: none;
		overflow: hidden;
		padding-bottom: 5%;
	}

	.more-featured article p {
		padding-left: 140px;
	}

	.more-featured article img {
		float: left;
	}

	#events {
		padding: 0;
	}

	#itat img {
		width: 100%;
		padding: 5%;
	}


	/*.quicklinks a {
	width: 100% !important;
	padding: 0;
	margin: 0;
	margin-right: 30px;
	display:inline-block;
}

	.quicklinks a.findIt {
	height: auto !important;
}*/



	.footerResources {
		padding: 5%;
	}

	.footerResources .col3 {
		width: 100%;
		float: none;
	}
	/* END REFRESH */

	#banner {
		position: static;
		background-image: url(../images/banners-home/parasite-research-m.jpg);
		background-color: #000;
		background-attachment: scroll;
		-webkit-background-size: contain;
		-moz-background-size: contain;
		-o-background-size: contain;
		background-size: contain;
		background-position: center top;
		height: 400px;
	}

	#banner article {
		position: relative;
		left: 0;
		/*top:250px;*/
		top: 170px;
		width: 92%;
		padding: 4%;
		margin-top: 0 !important;
		margin-left: 0 !important;
		background-color: #00274C !important;
	}

	#banner article h1 {
		background: none !important;
		padding-left: 0;
		font-size: 1em !important;
		color: #fff;
	}

	#banner article h2 {
		font-size: 1em !important;
		color: #fff;
	}

	#banner article h1 a:link, #banner article h1 a:visited {
		font-size: 1em !important;
		color: #fff;
	}

	#banner article p {
		font-size: .875em !important;
		color: #fff;
	}

	#banner article p.deckhead {
		display: inline-block;
		font-size: .75em !important;
		color: #222;
	}

	#banner p a:link, #banner p a:visited {
		margin-left: 0;
		color: #fff;
		border-color: #fff;
	}

	#banner article ul.relatedLinks {
		background-image: none;
		padding-left: 0 !important;
		width: 600px;
	}

	#banner article ul.relatedLinks li {
		list-style-position: inherit !important;
		list-style-image: none;
		font-size: .75em !important;
		margin-bottom: 5px;
		color: #fff;
		margin-left: 0px !important;
		padding-left: 0 !important;
	}

	#banner article ul.relatedLinks li a {
		color: #fff !important;
	}

	#banner article .note {
		display: none;
	}

	.bannerLinkBar {
		display: none;
		visibility: hidden;
	}

	#video-unit {
		display: inline-block;
		width: 100%;
		height: 150%;
		position: relative;
		background: none;
		background-color: #00274C;
		overflow: hidden;
	}

	.videoOverlay {
		top: 220px;
		left: 0;
		width: 100%;
	}

	.videoOverlay .wrap {
		clear: both !important;
		float: none !important;
		width: 92%;
		padding: 4%;
		background-color: rgba(0, 0, 0, 0.9);
	}

	.videoOverlay .wrap h1 {
		font-size: 1.5em !important;
	}

	videoOverlay .wrap p {
		font-size: .75em !important;
	}

	.videoOverlay img {
		width: 40%;
		height: auto;
	}

	.videoControl {
		display: hidden;
		visibility: hidden;
	}

	#latest {
		float: none;
		clear: both;
		margin-top: 10px;
	}

	#latest h1 {
		margin-top: 0%;
		padding: 15px 0;
	}

	.latestWrap {
		float: none;
		clear: both;
		width: 100%;
		margin-top: 5px;
		border: 1px solid #333;
	}

	.leadPost {
		float: none;
		clear: both;
		width: 94% !important;
		margin-top: 32%;
		margin-bottom: 0;
		padding: 1% 3% !important;
	}

	.leadPost h2 {
		font-size: 1em !important;
		font-weight: bold;
		margin-bottom: 0 !important;
	}

	.leadPost p {
		font-size: .875em !important;
		margin-top: 0 !important;
	}

	.latestPosts {
		width: 100%;
		padding: 0;
	}

	.latestPosts li {
		display: inline-block;
		width: 50%;
		height: auto;
		margin-right: 0;
		margin-bottom: 0;
	}

	#calendar {
		float: none;
		background-color: #fff !important;
	}

	.calendarWrap {
		float: none;
		clear: both;
		width: 100%;
	}

	.eventCategory a {
		line-height: 2.25em;
	}

	.calendarPosts {
		width: 100%;
		padding: 0;
	}

	.calendarPosts li {
		display: inline-block;
		width: 50%;
		height: auto;
		margin-right: 0;
		margin-bottom: 0;
		padding-top: 15px;
		padding-bottom: 15px;
	}

	.calendarPosts li a {
		background-color: #fff !important;
	}

	#morePointer {
		display: none;
	}

	#calendar h1, #explore h1 {
		padding-top: 30px;
		padding-bottom: 20px;
	}

	#explore {
		float: none;
		height: auto;
	}

	#explore article {
		float: none;
		width: 100%;
		height: auto;
	}

	#explore article ul {
		height: auto;
	}

	#explore article li {
		float: none;
		display: block;
		width: 100%;
		height: 100% !important;
	}

	#explore article li p {
		font-size: 1em;
	}

	.sideNav {
		visibility: hidden !important;
	}

	.video-container {
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.videoOverlay {
		position: absolute;
		width: 100%;
	}

	#banner article li {
		width: 90% !important;
	}

	#dl-menu {
		display: none;
	}

	.mobile-topics {
		display: block;
	}
}

/* ----------- iPhone 6+ ----------- */
/* Portrait */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {



	/* REFRESH */
	#itat article li {
		width: 100%;
	}

	#itat h1 {
		color: #fff;
		background-color: #00244e;
		padding: 8% 0 3% 0;
	}

	#itat-impact-intro {
		padding: 0 0 8% 0;
		text-align: center;
		color: white;
	}


	.itat-container {
		float: none !important;
	}

	.quicklinks {
		overflow: hidden;
		float: right;
		width: 55%;
	}

	.quicklinks a {
		height: 100%;
	}

	.quicklinks a:first-child {
		width: 65% !important;
		float: left;
	}


	.quicklinks a:nth-child(2) {
		margin: 0;
		width: 20%;
	}

	.topBarNav {
		width: 100% !important;
	}

	.three-column {
		width: 100%;
		float: none;
	}

	#news {
		padding: 0;
	}

	#news article p {
		width: 100%;
	}

	.more-featured article {
		width: 100%;
		float: none;
		overflow: hidden;
		padding-bottom: 5%;
	}

	.more-featured article p {
		padding-left: 140px;
	}

	.more-featured article img {
		float: left;
	}

	#events {
		padding: 0;
	}

	#itat img {
		width: 100%;
		padding: 5%;
	}


	/*.quicklinks a {
	width: 100% !important;
	padding: 0;
	margin: 0;
	margin-right: 30px;
	display:inline-block;
}

	.quicklinks a.findIt {
	height: auto !important;
}*/



	.footerResources {
		padding: 5%;
	}

	.footerResources .col3 {
		width: 100%;
		float: none;
	}
	/* END REFRESH */


	#topBar p.portalFind {
		margin-left: 0% !important;
	}

	.topBar-sweep-to-top {
		text-align: center;
		padding: 8px 5px;
	}

	.navBar p {
		margin: 0 !important;
	}

	.hvr-sweep-to-top {
		width: 100% !important;
		border-top: 1px dotted #777;
	}

	#infoBar {
		height: 200px;
		margin-top: 0;
	}

	#infoBar ul {
		width: 320px !important;
		margin-left: 0 !important;
		padding-left: 0 !important;
	}

	#infoBar li {
		width: 32%;
		height: 100px;
		margin-left: 0 !important;
		padding-left: 0 !important;
		font-size: .75em !important;
	}

	#infoBar li a:link, #infoBar li a:visited {
		text-decoration: none;
	}

	#banner {
		position: static;
		background-image: url(../images/banners-home/parasite-research-m.jpg);
		background-attachment: scroll;
		-webkit-background-size: contain;
		-moz-background-size: contain;
		-o-background-size: contain;
		background-size: contain;
		background-position: center top;
		height: 380px;
	}

	#banner article {
		position: relative;
		left: 0;
		/*top:250px;*/
		top: 170px;
		width: 92%;
		padding: 4%;
		margin-top: 0 !important;
		margin-left: 0 !important;
		background-color: #00274C !important;
	}

	#banner h1 {
		font-size: 1.25em !important;
		color: #fff;
	}

	#banner article h1 {
		background: none !important;
		padding-left: 0;
	}

	#banner article h1 a:link, #banner article h1 a:visited {
		font-size: 1em !important;
		color: #fff;
	}

	#banner article p {
		font-size: .75em !important;
		color: #fff;
	}

	#banner article p.deckhead {
		display: inline-block;
		font-size: .75em !important;
		color: #222;
	}

	#banner p a:link, #banner p a:visited {
		margin-left: 0;
		color: #fff;
		border-color: #fff;
	}

	#banner article ul.relatedLinks {
		background-image: none;
		width: 380px;
	}

	#banner article ul.relatedLinks li {
		list-style-position: inside;
		list-style-image: none;
		font-size: .75em !important;
		color: #fff;
		margin-left: 0px !important;
		padding-left: 0 !important;
	}

	#banner article ul.relatedLinks li a {
		color: #fff !important;
	}

	#banner article .note {
		display: none;
	}

	.bannerLinkBar {
		display: none;
		visibility: hidden;
	}

	#video-unit {
		display: inline-block;
		width: 100%;
		height: 90%;
		position: relative;
		background: none;
		background-color: #00274C;
		overflow: hidden;
	}

	.videoOverlay {
		top: 220px;
		left: 0;
		width: 100%;
	}

	.videoOverlay .wrap {
		clear: both !important;
		float: none !important;
		width: 92%;
		padding: 4%;
		background-color: rgba(0, 0, 0, 0.9);
	}

	.videoOverlay .wrap h1 {
		font-size: 1.5em !important;
	}

	videoOverlay .wrap p {
		font-size: .75em !important;
	}

	.videoOverlay img {
		width: 40%;
		height: auto;
	}

	.videoControl {
		display: hidden;
		visibility: hidden;
	}

	#latest {
		float: none;
		clear: both;
		margin-top: 0px !important;
	}

	#latest h1 {
		margin-top: 0%;
		padding: 15px 0;
	}

	.latestWrap {
		float: none;
		clear: both;
		width: 100%;
		margin-top: 0px !important;
		background-color: #333;
	}

	.leadPost {
		float: none;
		clear: both;
		width: 94%;
		margin-bottom: 0;
		padding: 40% 2% 10%;
		background: none !important;
	}

	.latestPosts {
		width: 100%;
		padding: 0;
	}

	.latestPosts li {
		float: none;
		clear: both;
		display: block;
		width: 100%;
		height: auto;
		margin-right: 0;
		margin-bottom: 0;
	}

	#calendar {
		float: none;
	}

	.calendarWrap {
		float: none;
		clear: both;
		width: 100%;
	}

	.eventCategory a {
		line-height: 2.25em;
	}

	.calendarPosts {
		width: 100%;
		padding: 0;
	}

	.calendarPosts li {
		float: none;
		clear: both;
		display: block;
		width: 100%;
		height: auto;
		margin-right: 0;
		margin-bottom: 0;
		padding-top: 15px;
		padding-bottom: 15px;
	}

	.calendarPosts li a {
		background-color: #fff !important;
	}

	#morePointer {
		display: none;
	}

	#explore {
		float: none;
		height: auto;
	}

	#calendar h1, #explore h1 {
		padding-top: 30px;
		padding-bottom: 20px;
	}

	#explore article {
		float: none;
		width: 100%;
		height: auto;
	}

	#explore article ul {
		height: auto;
	}

	#explore article li {
		float: none;
		display: block;
		width: 100%;
		height: 100% !important;
	}

	#explore article li p {
		font-size: 1em;
	}

	.sideNav {
		visibility: hidden !important;
	}

	.video-container {
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}


	.videoOverlay {
		position: absolute;
	}

	#banner article li {
		width: 90% !important;
	}

	#dl-menu {
		display: none;
	}

	.mobile-topics {
		display: block;
	}
}

/* Landscape */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {


	/* REFRESH */
	#itat article li {
		width: 100%;
	}

	#itat h1 {
		color: #fff;
		background-color: #00244e;
		padding: 8% 0 3% 0;
	}

	#itat-impact-intro {
		padding: 0 0 8% 0;
		text-align: center;
		color: white;
	}


	.itat-container {
		float: none !important;
	}

	.quicklinks {
		overflow: hidden;
		float: right;
		width: 55%;
	}

	.quicklinks a {
		height: 100%;
	}

	.quicklinks a:first-child {
		width: 65% !important;
		float: left;
	}


	.quicklinks a:nth-child(2) {
		margin: 0;
		width: 20%;
	}

	.topBarNav {
		width: 100% !important;
	}

	.three-column {
		width: 100%;
		float: none;
	}

	#news {
		padding: 0;
	}

	#news article p {
		width: 100%;
	}

	.more-featured article {
		width: 100%;
		float: none;
		overflow: hidden;
		padding-bottom: 5%;
	}

	.more-featured article p {
		padding-left: 140px;
	}

	.more-featured article img {
		float: left;
	}

	#events {
		padding: 0;
	}

	#itat img {
		width: 100%;
		padding: 5%;
	}


	/*.quicklinks a {
	width: 100% !important;
	padding: 0;
	margin: 0;
	margin-right: 30px;
	display:inline-block;
}

	.quicklinks a.findIt {
	height: auto !important;
}*/



	.footerResources {
		padding: 5%;
	}

	.footerResources .col3 {
		width: 100%;
		float: none;
	}
	/* END REFRESH */

	#banner {
		position: static;
		background-color: #000;
		background-image: url(../images/banners-home/parasite-research-m.jpg);
		background-attachment: scroll;
		-webkit-background-size: contain;
		-moz-background-size: contain;
		-o-background-size: contain;
		background-size: contain;
		background-position: center top;
		height: 410px;
	}

	#banner article {
		position: relative;
		left: 0;
		/*top:250px;*/
		top: 170px;
		width: 92%;
		padding: 4%;
		margin-top: 0 !important;
		margin-left: 0 !important;
		background-color: #00274C !important;
	}

	#banner article h1 {
		background: none !important;
		padding-left: 0;
		font-size: 1.25em !important;
		color: #fff;
	}

	#banner article h2 {
		font-size: 1em !important;
		color: #fff;
	}

	#banner article h1 a:link, #banner article h1 a:visited {
		font-size: 1em !important;
		color: #fff;
	}

	#banner article p {
		font-size: .875em !important;
		color: #fff;
	}

	#banner article p.deckhead {
		display: inline-block;
		font-size: .75em !important;
		color: #222;
	}

	#banner p a:link, #banner p a:visited {
		margin-left: 0;
		color: #fff;
		border-color: #fff;
	}

	#banner article ul.relatedLinks {
		background-image: none;
		padding-left: 0 !important;
		width: 700px;
	}

	#banner article ul.relatedLinks li {
		list-style-position: inherit !important;
		list-style-image: none;
		font-size: .75em !important;
		margin-bottom: 5px;
		color: #fff;
		margin-left: 0px !important;
		padding-left: 0 !important;
	}

	#banner article ul.relatedLinks li a {
		color: #fff !important;
	}

	#banner article .note {
		display: none;
	}

	.bannerLinkBar {
		display: none;
		visibility: hidden;
	}

	#video-unit {
		display: inline-block;
		width: 100%;
		height: 130%;
		position: relative;
		background: none;
		background-color: #00274C;
		overflow: hidden;
	}

	.videoOverlay {
		top: 220px;
		left: 0;
		width: 100%;
	}

	.videoOverlay .wrap {
		clear: both !important;
		float: none !important;
		width: 92%;
		padding: 4%;
		background-color: rgba(0, 0, 0, 0.9);
	}

	.videoOverlay .wrap h1 {
		font-size: 1.5em !important;
	}

	videoOverlay .wrap p {
		font-size: .75em !important;
	}

	.videoOverlay img {
		width: 40%;
		height: auto;
	}

	.videoControl {
		display: hidden;
		visibility: hidden;
	}
	/*.videoOverlay {top:15%;}
	.videoOverlay h1, .videoOverlay h2 {font-size: 1.5em !important;}*/
	#latest {
		float: none;
		clear: both;
		margin-top: 10px;
	}

	#latest h1 {
		margin-top: 0%;
		padding: 15px 0;
	}

	.latestWrap {
		float: none;
		clear: both;
		width: 100%;
		margin-top: 5px;
		border: 1px solid #efefef;
	}

	.leadPost {
		float: none;
		clear: both;
		width: 94% !important;
		margin-top: 32%;
		margin-bottom: 0;
		padding: 1% 3% !important;
	}

	.leadPost h2 {
		font-size: 1em !important;
		font-weight: bold;
	}

	.leadPost p {
		font-size: .875em !important;
	}

	.latestPosts {
		width: 100%;
		padding: 0;
	}

	.latestPosts li {
		display: inline-block;
		width: 50%;
		height: auto;
		margin-right: 0;
		margin-bottom: 0;
	}

	#calendar {
		float: none;
		background-color: #fff !important;
	}

	.calendarWrap {
		float: none;
		clear: both;
		width: 100%;
	}

	.eventCategory a {
		line-height: 2.25em;
	}

	.calendarPosts {
		width: 100%;
		padding: 0;
	}

	.calendarPosts li {
		display: inline-block;
		width: 50%;
		height: auto;
		margin-right: 0;
		margin-bottom: 0;
		padding-top: 15px;
		padding-bottom: 15px;
	}

	.calendarPosts li a {
		background-color: #fff !important;
	}

	#morePointer {
		display: none;
	}

	#calendar h1, #explore h1 {
		padding-top: 30px;
		padding-bottom: 20px;
	}

	#explore {
		float: none;
		height: auto;
	}

	#explore article {
		float: none;
		width: 100%;
		height: auto;
	}

	#explore article ul {
		height: auto;
	}

	#explore article li {
		float: none;
		display: block;
		width: 100%;
		height: 100% !important;
	}

	#explore article li p {
		font-size: 1em;
	}

	.sideNav {
		visibility: hidden !important;
	}

	.video-container {
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.videoOverlay {
		position: absolute;
		width: 100%;
	}

	#banner article li {
		width: 90% !important;
	}

	#dl-menu {
		display: none;
	}

	.mobile-topics {
		display: block;
	}
}

/* ----------- iPad ----------- */
/* Portrait */
@media only screen and (max-width : 1020px) and (min-width : 760px) {
	/* 768 x 1024 and 800 x 600 */


	/* REFRESH */
	#itat article li {
		width: 100%;
	}

	#itat h1 {
		color: #fff;
		background-color: #00244e;
		padding: 8% 0 3% 0;
	}

	#itat-impact-intro {
		padding: 0 0 8% 0;
		text-align: center;
		color: white;
	}


	.itat-container {
		float: none !important;
	}

	.quicklinks {
		overflow: hidden;
		float: right;
		width: 55%;
	}

	.quicklinks a {
		height: 100%;
	}

	.quicklinks a:first-child {
		width: 65% !important;
		float: left;
	}


	.quicklinks a:nth-child(2) {
		margin: 0;
		width: 20%;
	}

	.topBarNav {
		width: 100% !important;
	}

	.three-column {
		width: 100%;
		float: none;
	}

	#news {
		padding: 0;
	}

	#news article p {
		width: 100%;
	}

	.more-featured article {
		width: 100%;
		float: none;
		overflow: hidden;
		padding-bottom: 5%;
	}

	.more-featured article p {
		padding-left: 140px;
	}

	.more-featured article img {
		float: left;
	}

	#events {
		padding: 0;
	}


	/*.quicklinks a {
	width: 100% !important;
	padding: 0;
	margin: 0;
	margin-right: 30px;
	display:inline-block;
}

	.quicklinks a.findIt {
	height: auto !important;
}*/



	.footerResources {
		padding: 5%;
	}

	.footerResources .col3 {
		width: 100%;
		float: none;
	}
	/* END REFRESH */

	#banner {
		position: static;
		background-color: #00274C;
		background-position: center top;
		background-attachment: scroll;
		-webkit-background-size: contain;
		-moz-background-size: contain;
		-o-background-size: contain;
		background-size: contain;
		height: 560px;
	}
	/*.leadPost {width:50%; margin-top:4%; margin-bottom:8%;}*/
	.leadPost {
		float: right;
		width: 96%;
		margin-top: 30%;
		margin-bottom: 3%;
	}

	.leadPost h2 {
		font-size: 1em !important;
	}

	.video-container {
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.videoOverlay {
		position: absolute;
		width: 100%;
	}

	.videoOverlay .wrap {
		background-color: rgba(0, 0, 0, 0.9);
		padding: 2%;
	}

	#banner article {
		position: absolute;
		left: 0;
		top: 420px;
		width: 97%;
		margin-left: auto;
		margin-right: auto;
		color: #fff;
		background-color: #00274C;
		text-align: center;
	}

	#banner article a:link, #banner article a:visited {
		font-size: 1em !important;
		color: #fff;
		border-color: #fff;
	}

	#banner article h1 {
		background: none !important;
		padding-left: 0;
		padding-top: 10px;
		color: #fff;
		text-align: center;
	}

	#banner article h2 {
		color: #fff;
	}

	#banner article h1 a:link, #banner article h1 a:visited {
		font-size: 1em !important;
		color: #fff;
	}

	#banner article p {
		font-size: .75em !important;
		color: #fff;
	}

	#banner article .related {
		width: 340px;
		margin-left: auto;
		margin-right: auto;
		text-align: left;
	}
	/*#banner p a:link, #banner p a:visited {background-color: rgba(255, 255, 255, .75);}*/
	#banner article ul.relatedLinks {
		width: 340px;
		margin-left: auto;
		margin-right: auto;
	}

	#banner article ul.relatedLinks li {
		font-size: .75em !important;
		color: #fff !important;
		text-align: left;
	}

	#banner article ul.relatedLinks li a {
		color: #fff !important;
	}

	#dl-menu {
		display: none;
	}

	.mobile-topics {
		display: block;
	}
}
/* Landscape */
@media only screen and (max-width : 1050px) and (min-width : 1022px) {
	/* 1024 x 768 */
	#banner {
		position: static;
		background-color: #00274c;
		background-position: center top;
		background-attachment: scroll;
		-webkit-background-size: contain;
		-moz-background-size: contain;
		-o-background-size: contain;
		background-size: contain;
		height: 680px;
	}

	.video-container {
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.videoOverlay {
		position: absolute;
		width: 100%;
	}

	.videoOverlay .wrap {
		background-color: rgba(0, 0, 0, 0.9);
		padding: 2%;
	}

	#banner article {
		position: absolute;
		left: 0;
		top: 450px;
		width: 97%;
		margin-left: auto;
		margin-right: auto;
		/*margin-top:33%;*/
		background-color: #00274C;
		color: #fff;
		text-align: center;
	}

	#banner article h1 {
		background: none !important;
		padding-left: 0;
		padding-top: 10px;
		color: #fff;
		text-align: center;
	}

	#banner article h2 {
		color: #fff;
	}

	#banner article h1 a:link, #banner article h1 a:visited {
		font-size: 1em !important;
		color: #fff;
	}

	#banner article p {
		color: #fff;
	}

	#banner article p a:link, #banner article a:visited {
		color: #fff;
		border-color: #fff;
	}

	#banner article p.deckhead {
		display: inline-block;
		font-size: .75em !important;
		color: #222;
	}

	#banner article .note {
		display: none;
	}
	/*#banner p a:link, #banner p a:visited {background-color: rgba(255, 255, 255, .75);}*/

	#banner article ul.relatedLinks {
		width: 340px;
		margin-left: auto;
		margin-right: auto;
	}

	#banner article ul.relatedLinks li {
		font-size: .75em !important;
		color: #fff;
	}

	#banner article ul.relatedLinks li a {
		color: #fff !important;
	}
}



/*600 x 800*/
/*@media only screen and (min-width: 590px) and (max-width : 760px) {
.patch {display:none;}
#wordmark, #wordmark span {display:inherit !important;}
#topBar p.portalFind {margin-left:0% !important;}
.topBar-sweep-to-top {width: 25%; text-align:center; padding:8px 5px;}
.navBar p {margin:0 !important;}
.hvr-sweep-to-top {width:100% !important; border-top:1px dotted #777;}
#infoBar {height:100px; margin-top:0;}
#infoBar ul {width:580px !important; margin-left:0 !important; padding-left:0 !important;}
#infoBar li {height:100px; margin-left:0 !important; padding-left:0 !important; font-size:.75em !important;}
#infoBar li a:link, #infoBar li a:visited {text-decoration:none;}
}*/

/* 768 x 1024 and 800 x 600 */
/*@media only screen and (max-width : 1020px) and (min-width : 760px) {
.patch {display:none;}
#wordmark, #wordmark span {display:inherit !important;}
#topBar p.portalFind {margin-left:0% !important; clear:both;}
.navBar p {margin:0 !important;}
}*/

/* 1024 x 768 */
/*@media only screen and (max-width : 1050px) and (min-width : 1022px) {
.patch {display:none;}
#wordmark, #wordmark span {display:inherit !important;}
#topBar p.portalFind {margin-left:10% !important;}
.navBar p {margin:0 !important;}
}
*/

#commencement-banner {
	height: 70%;
	color: white;
	background: #00214c url('../images/banners-home/commencement-celebration-banner2.jpg') no-repeat center center;
	background-size: cover;
	width: 100%;
	display: inline-block;
}

#commencement-banner .commencement-wrap {
	width: 100%;
	height: 100%;
	position: relative;
}

#commencement-banner .headline-container {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 475px;
	max-width: 90%;
	text-align: center;
}


#commencement-banner h2 {
	font-family: 'Crimson Text' !important;
	font-size: 2em;
	line-height: 1em;
	text-transform: uppercase;
}


#commencement-banner a.headline-button {
	padding: 15px 60px 15px 15px;
	background-color: #fff;
	display: inline-block;
	margin-top: 20px;
	font-size: 1.2em;
	text-decoration: none;
	color: #444;
	position: relative;
	transition: all 0.3s;
}

#commencement-banner a.headline-button:hover,
#commencement-banner a.headline-button:active,
#commencement-banner a.headline-button:focus {
	background: #00376B;
	color: white;
}

#commencement-banner a.headline-button:after {
	content: '';
	background: #FF4500 url('../images/icons/hp-arrow.png') no-repeat center center;
	text-align: center;
	vertical-align: middle;
	height: 100%;
	padding-left: 15%;
	margin-left: 15px;
	position: absolute;
	right: 0;
	top: 0;
}

@media screen and (max-width: 1024px ) {

	#commencement-banner .headline-container {
		width: 460px;
	}

	#commencement-banner h2 {
		font-size: 1.8em;
	}
}


@media screen and (max-width: 750px ) {

	#commencement-banner h2 {
		font-size: 1.6em;
	}

	#commencement-banner {
		background: #00214c url('../images/banners-home/commencement-celebration-banner2-mobile.jpg') no-repeat center center;
	}

	#explore article {
		width: 90%;
		margin: 0 auto;
	}

	#explore article ul {
		display: block;
	}

	#explore article li {
		max-width: 100%;
		margin: 1rem 0;
		display: block;
	}
}


/* Style all font awesome icons */
.fa {
	padding: 10px;
	font-size: 50px;
	width: 35px;
	text-align: center;
	text-decoration: none;

}

.fa2 {
	padding: 10px;
	font-size: 15px;
	width: 35px;
	text-align: center;
	text-decoration: none;
	font-family: 'Roboto', Arial, sans-serif;
}
/* Hover effect */
.fa:hover {
	background-color: #9CD0E8;
	color: #00274C;
}

.fa2:hover {
	background-color: #9CD0E8;
	color: #00274C;
}

/* Specific color for each brand */

/* Facebook */
.fa-facebook {
	background: #00274C;
	color: white;
}

/* Installgram */
.fa-instagram {
	background: #00274C;
	color: white;
}

/* LinkedIn */
.fa-linkedin {
	background: #00274C;
	color: white;
}

/* YouTube */
.fa-youtube {
	background: #00274C;
	color: white;
}

/* Podcast */
.fa-podcast {
	background: #00274C;
	color: white;
}

/* More */
.fa-more {
	background: #00274C;
	color: white;
	width: 70px;
}

/* Opportunity Ads */

#ads a {
    position: relative;
    display: block;
}

#ads a div {
    position: absolute;
    bottom: 0;
    left: 0;
    /* width: 100%; */
    padding: 2rem 1rem 1rem 1rem;
    z-index: 2;
    color: white;
    font-weight: 600;
    background: rgb(0,0,0);
    background: linear-gradient(0deg, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0) 100%);
    font-size: 1.25em;
    line-height: 1.5em;
}