form {
	height:100%;
}

.sideNav {   
	margin-top: 2%;  
}

.none {
	display: none;
}



#videoBanner {
	clear:both;
	position:relative;
	width:100%;
	height:75%;
	background-color:#000;
	color:#fff;
}

#video-container {
	position: absolute;
	background-color:#333;
	top:0;
	left:0%;
	height:100%;
	width:100%;
	overflow: hidden;
	background-position: center;                
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	/*background-color: #333;
	background-image: url("../images/misc/pillars-mobile.jpg");*/            

}

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

.videoOverlay {
	position:relative;
	top:25%;
	z-index:3;
	width:70%;
	margin-left:auto;
	margin-right:auto;
	color:#fff !important;
}

.videoOverlay h1 {
	width:446px;
	font-size:2.25em !important;	
	line-height:1.25em;
	padding:10px 0;
	border-top:1px solid #999;
	border-bottom:1px solid #999;
	margin-left:auto;
	margin-right:auto;
	margin-top:5px;
	font-family:'Crimson Text', serif;
	font-weight:normal;
}

/*.videoOverlay p {
text-align:center;
margin:0 auto 5px;
color:#fff;
letter-spacing:0.3em;
font-weight:500;
font-size:.875em;
}*/

.videoOverlay p.registrations {
	text-align:center;
	/*margin:0 auto 5px;*/
	margin:0 auto 1% 32.75%;
	letter-spacing:0 !important;
	font-weight:normal !important;
	font-size:.875em;
	display:inline;
	width:100%;
}


.videoOverlay ul {
	list-style-type:none;
	margin-top:10%;}
.videoOverlay li {
	display:inline;
	width:100%;
	font-size:.875em;
}


/*PHOTO BANNER*/
#acadIntro {	
	width:100%;
	height:85%;
	background-color:#fff;
	background:url(../images/banners/academics3.jpg) no-repeat bottom center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	 
}

.a-z-anchor-links a {
	color: #333;
	background-color: #fff;
	background:none;
}

#acadIntro article {
	float:right;
	width:40% !important;
	padding-top:5% !important;	
	padding-right:5%;
	color:#444;
}


#acadIntro p {line-height:1.5em; color:#444;}

#acadIntro h1 {text-align:left; font-family:'Crimson Text', serif; font-size:2.25em !important; font-weight:normal; margin-bottom:12px;}
#acadIntro h2 {margin-bottom:2%;}


#acadTxt {
	clear:both;
	width:100%;
	background-color:#fff;
	color:#444;
}
#acadTxt article {
	width:80%;
	padding:1% 10% 6%;
	background-color:#fff;
	color:#444;
}

#acadTxt p {
	font-family:'Crimson Text';
	font-size:1.5em;
	line-height:1.5em;
	text-align:center;
	color:#333;
}


.introFade {
	display: inline-block;
	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;
	background-color: rgba(0, 0, 0, 0.7);
	text-align:left;
	text-decoration:none;
	padding:2%;
	border:1px solid #666;
	width:28%;
	margin-bottom:2%;
}
.introFade:hover, .introFade:focus, .introFade:active {
	background-color: #f7f7f7;
	border:1px solid #f7f7f7;
	color: #333 !important;
}
/*.introFade {
display: inline-block;
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:#444;
text-align:left;
text-decoration:none;
padding:2% 3% 2% 3%;
border:1px solid #bbb;
width:89%;
margin-bottom:2%;
}
.introFade:hover, .introFade:focus, .introFade:active {
background-color: #545454;
border:1px solid #545454;
color: #fff !important;
}*/





.scrollDown {
	position:absolute;
	bottom:1%;
	left:48%;
}
.scrollDown p {text-align:center; margin-left:auto; margin-right:auto;}


#linkTo {clear:both; float:left; width:100%; background-color:#00376B;}
#linkTo article {
	margin-left:auto;
	margin-right:auto;
	width:90%;
}

/*#linkTo article .col3 {
float:left;
width:32%;
margin-top:2%;
margin-right:2%;
}*/

#linkTo article .AP1, #linkTo article .AP2 {
	float:left;
	width:32%;
	margin-top:2%;
	margin-right:2%;
}

#linkTo article .AP2 ul {
	margin-top:34px;}

#linkTo article .AR {
	float:left;
	width:32%;
	margin-top:2%;
}



#linkTo article h2 {font-weight:bold; padding-bottom:10px; color:#fff;}

#linkTo article ul {list-style-type:none;}

#linkTo article li {
	padding:2%;
	font-size:.875em;
}

#linkTo article li img {
	vertical-align:middle;}

.txtTop {vertical-align:text-top; padding:0; margin:0;}

.hvr-fade {
	display: inline-block;
	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:4%;
	border:1px solid #0a5daa;
	width:96%;
	margin-bottom:2%;
}
.hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active {
	background-color: #084b8b;
	color: #fff !important;
}


.buttonAnchor {
	background:url(../images/icons/li-anchor-transparent.png) no-repeat 10px 18px;
}

.buttonLink {
	background:url(../images/icons/li-link-transparent.png) no-repeat 10px 18px;
}

#degrees h2, #colleges h2, #acadServices h2, #acadAdmin h2 {
	color: #000;
	padding: 4% 0 0 0;
	font-size: 1.5em !important;
	font-weight: 700;
	margin-bottom: 1%;
	margin-top: 0;
	text-align: center;
	text-transform: uppercase;
}

#colleges h3 {

	font-weight: 500;
	padding:.5rem;

}

#acadAdmin h2 {
	color:#fff;
}


.degreesListing {padding-top:0 !important;}


#degreesSection {clear:both; float:left; width:100%; background-color:#f7f7f7;}
#degreesSection article {
	float:right;
	width:90%;
}

#degreesSection article p {
	width:70%;
	margin-left:auto;
	margin-right:auto;
	line-height:1.35em;}


/*----COLLEGES & DEPARTMENTS*/


#colleges {
	clear:both; 
	position:relative;
	float:left; 
	width:100%; 
	background-color:#e0eef5 !important; 
	color:#333; 
	/*padding-bottom:12%;*/}

#colleges article {
	width:90%;
	margin-top: 0%;
	margin-left:auto;
	margin-right:auto;
}

#colleges h1 {margin-left:auto; margin-right:auto; padding-top:5%;}

.collegesIntro {width:50%; text-align:center; margin-left:auto; margin-right:auto;}

.col2 {
	float:left;
	width:48%;
	margin-top:5%;
	margin-right:1%;
}

.accordion {
	width:98%;
	padding:1% 0;
	background:url(../images/icons/open.png) no-repeat right;
	border-bottom:1px dotted #ccc;
	cursor:pointer;
}

.content p {
	line-height:1.5em;
	color:#333;
}
.content h4 {margin:2% 0 1%; color:#333 !important;}
.content ul {list-style-type:none !important;}
#colleges .content ul {list-style-type:disc !important;}
.content li {margin-left:15px; line-height:1.5em; margin-bottom:1%; color:#333 !important;}
#colleges .content li ul {list-style-type:circle !important;}
.content p {color:#333 !important;}
.content a:link {color:#084B8A; !important; text-decoration:none; border-bottom:1px dotted #084B8A;}
.content a:hover {color:#000 !important;text-decoration:none !important; border-bottom:1px dotted #084B8A;}



.content {
	display:none;
	padding:2%;
	color: #333;

}	


#collegeBG {
	clear:both !important;
	width:100%;
	min-height:270px;
	background-color:#e0eef5; 
	background:url(../images/banners/campus-panarama.jpg) no-repeat center bottom #e0eef5;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	color:#000;
}



/*----ACADEMIC SERVICES*/

#acadServices {clear:both; float:left; width:100%; background-color:#DBD9D5; color:#333;}

#acadServices article {
	width:700px;
	margin-left:auto;
	margin-right:auto;
}

/*#acadServices h1, #acadTech h1 {color:#444; font-family: 'gothambold1';}*/

.acadServicesCol {
	float:left;
	width:340px;
}

#acadTech article {
	width:320px;
	margin-left:auto;
	margin-right:auto;
}

.margRight20px {margin-right: 20px;}

#acadServices ul, #acadTech ul {
	list-style-image:url(../images/icons/link2.png);
	list-style-position:inside;
	margin:0;
	padding:0;
}
#acadServices li, #acadTech li {
	margin-bottom:20px;
}

#acadServices a:link, #acadServices a:visited {
	color:#000;
	border-bottom:1px dotted #000;
	display: block;
	margin-bottom: 0;
	padding: 15px 15px 15px 40px;
	width: 80%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color:transparent;
	background-image:url(../images/icons/li-link-black.png);
	/*background-image:url(../images/icons/link3.png);*/
	background-repeat:no-repeat;
	background-position:4px 17px;
}

#acadTech a:link, #acadTech a:visited {
	color:#084B8A;
	border-bottom:1px dotted #084B8A;
	display: block;
	margin-bottom: 0;
	padding: 15px 15px 15px 40px;
	width: 100%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color:transparent;
	background-image:url(../images/icons/link3.png);
	background-repeat:no-repeat;
	background-position:15px 17px;
}

#acadServices a:hover  {
	background-color:#e8e7e4;
	text-decoration:underline;
}

#acadTech a:hover  {
	background-color:#CDCAC3;
}	


#acadTech {clear:both; float:left; width:100%; background-color:#f7f7f7; color:#333;}

#acadAdmin {clear:both; float:left; width:100%; background-color:#084B8A; color:#EEE;}
#acadAdmin article {
	width:360px;
	margin-left:auto;
	margin-right:auto;
}


#acadAdmin a:link, #acadAdmin a:visited {
	color:#eee;
	display: block;
	margin-bottom: 3%;
	padding: 15px 15px 15px 40px;
	width: 100%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color:transparent;
	background-image:url(../images/icons/li-link-transparent.png);
	/*background-image:url(../images/icons/link.png);*/
	background-repeat:no-repeat;
	background-position:10px 15px;
}

#acadAdmin a:hover {
	background-color:#00274c;
	color:#fff;
	text-decoration:underline;
}




/*ESSENTIALS*/
h1 {
	text-align:center;	
	margin-top:4%;
}

.clear {clear:both !important;}
.bot5 {margin-bottom:5%; color:#000; background-color:#fff; background:none;}

/*.hvr-fade {
font-family: 'texgyrescholaitalic';
font-weight:normal !important;
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:2% 4%;
background-color: rgba(0, 0, 0, 0.6);
border:1px solid #ccc;
}
.hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active {
background-color: #2098d1;
color: white;
}*/

.col3 {
	float:left;
	width:31%;
	/*margin-top:5%; REMOVED*/
	margin-right:1%;
}

.col2 {
	float:left;
	width:48%;
	margin-top:5%;
	margin-right:1%;
}

.noMargRight {margin-right:0 !important;}

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

a.button:link {
	background-color: rgba(255, 255, 255, 0.15);
	display: block;
	margin-bottom: 3%;
	padding: 15px 15px 15px 40px;
	width: 80%;
	color:#fff;
	text-decoration:none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

a.button:hover {
	background-color:#0056ac;
	color:#fff;
}

.anchorLink {
	background:url(../images/icons/anchor2.png) no-repeat left center;
}

.directLink {
	background:url(../images/icons/link.png) no-repeat left center;
}

.top {clear:both; padding-top:5%; padding-bottom:3%; text-align:center;}

.accordion {
	width:98%;
	padding:1% 0;
	background:url(../images/icons/open2.png) no-repeat right;
	border-bottom:1px dotted #ccc;
	cursor:pointer;
}

/*.content p {
line-height:1.5em;
color:#fff;
}
.content h4 {margin:2% 0 1%;}
.content ul {list-style-type:disc;}
.content li {margin-left:15px; line-height:1.5em; margin-bottom:1%; color:#fff;}
.content a:link {color:#fff; border-bottom:1px dotted #999;}


.content {
display:none;
padding:2%;
color: #333;

}*/

.azlink h4 {
	color: #444;
	margin: 0;

}


/*----DEGREES LISTING-----*/
.buttonDegrees {
	display:block;
	background-color:#084B8A;
	margin-bottom: 2%;
	padding: 1% 2%;
	color:#fff;
	text-decoration:none;
	text-align:center;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	cursor:pointer;
}

#degrees {clear:both; background-image:none !important; background-color:#f7f7f7 !important;}

/*#colleges {clear:both; background-image:none !important; background-color:#e0eef5 !important; padding-bottom: 0 !important;}*/


#LookFor {color:#444 !important; font-size:.875em; font-weight:500;}
#txtFilter {
	min-width:250px;
	padding:5px;
	border:1px dotted #999;
	background-color: #fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-khtml-border-radius: 3px;
	font-family: 'Roboto';
}
#btnReset {
	border:none;
	padding: 7px 10px;
	background-color: #084B8A;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-khtml-border-radius: 3px;
	color: #FFF;
	margin-left:10px;}
#btnReset:hover {background-color:#00274C;}	


/* -------------- @MEDIA -------------*/
/* ----------- iPhone 1-5S and GALAXY S3-S5 ----------- */
/* Portrait */
@media only screen 
	and (min-device-width: 320px) 
	and (max-device-width: 640px)
	and (-webkit-min-device-pixel-ratio: 2)
	and (orientation: portrait) {
		#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;}

		#acadIntro {height:auto !important; background-image:none; background-color:#E0EEF5;}
		#acadIntro article {clear:both !important; float:none; width:98% !important; height:100%; padding:2%; padding-top:14%;}
		#acadIntro article h1, #acadIntro article p {color:#333 !important;}
		#acadIntro article p {font-size:.875em;}
		#acadIntro article ul {margin-top:15px;}

		#videoBanner {height:60%;}
		.videoOverlay {top:10%; width:90%;}
		.videoOverlay h1 {width:290px; font-size:1.5em !important; margin-top:0;}
		.videoOverlay ul {margin-top:5%;}
		.introFade {display: block; width:94%; margin-bottom:1%; font-size:.875em !important;}
		#acadTxt {clear:both !important; width:90% !important; padding:2% 5% 6% !important;}
		#acadTxt article {width:100%; padding:0 !important;}
		#acadTxt p {font-size:1em !important;}

		#linkTo article {clear:both; width:96% !important; margin-left:auto; margin-right:auto;}
		#linkTo article .AP1, #linkTo article .AP2, #linkTo article .AR {clear:both; float:none; width:95% !important; margin-top:5%; margin-right:0;}
		#linkTo article .AP2 { margin-top:-28px !important;}


		.col2, .col3 {clear:both !important; float:none;  width:100% !important; margin-top:5%; margin-right:0;}
		.col3 h2 {margin-bottom:0 !important;}

		#degrees article {float:none; clear:both; width:90%;}
		#colleges article {float:none; clear:both; width:90%; margin-left:auto; margin-right:auto;}
		#acadAdmin article {width:280px;}

		#collegeBG, .collegePointer {display:none;}

		#video-viewer {
			display:none;
		}

		#video-container {
			background-color: #333;
			background-image: url("../images/misc/pillars-mobile.jpg");            

		}
	}

/* Landscape */
@media only screen 
	and (min-device-width: 320px) 
	and (max-device-width: 640px)
	and (-webkit-min-device-pixel-ratio: 2)
	and (orientation: landscape) {
		#acadIntro article {width:90%; padding-top:14%; height:300px;}
		#acadIntro article p {font-size:.875em;}
		.scrollDown img {display:none !important;}

		#acadIntro {height:auto !important; float:left; }
		#acadIntro article {clear:both !important; float:none; width:98% !important; height:auto !important; padding:2%; padding-top:14%;}
		#acadIntro article {
			float:right;
			width:50% !important;
			padding-top:5% !important;	
			padding-right:2%;}
		#acadIntro article h1, #acadIntro article p {color:#333 !important;}
		#acadIntro article p {font-size:.75em !important;}
		#acadIntro article ul {margin-top:15px;}

		#videoBanner {height:220px !important;}
		.videoOverlay {top:20px; width:96%;}
		.videoOverlay h1 {width:290px; font-size:1.5em !important; margin-top:0;}
		.videoOverlay ul {margin-top:3%; margin-bottom:5%;}
		.videoOverlay li {color:#fff !important;}
		.videoOverlay li img {display:none;}
		.introFade {display: inline-block; width:35%; padding:1%; margin-bottom:1%; font-size:.75em !important; color:#fff !important;}
		.introFade:first-child {width:20% !important;}
		#acadTxt {clear:both !important; width:90% !important; padding:2% 5% 6% !important;}
		#acadTxt article {width:100%; padding:0 !important;}
		#acadTxt p {font-size:1em !important;}

		#linkTo article {clear:both !important; width:96% !important; margin-left:auto; margin-right:auto;}
		#linkTo article .AP1, #linkTo article .AP2, #linkTo article .AR {clear:both !important; float:none; width:100% !important; margin-top:5%; margin-right:0;}
		#linkTo article .AP2 { margin-top:-28px !important;}
		.hvr-fade {display: block; width:98% !important; padding:1% !important;}

		.col2, .col3 {clear:both !important; float:none;  width:100% !important; margin-top:5%; margin-right:0;}
		.col3 h2 {margin-bottom:0 !important;}

		#degrees article {float:none; clear:both; width:90%;}
		#colleges article {float:none; clear:both; width:90%; margin-left:auto; margin-right:auto;}

		#acadServices article {width:60%; margin-left:auto; margin-right:auto;}
		.acadServicesCol { clear:both; float:none; width:100%; margin-left:auto; margin-right:auto;}
		#acadTech article {width:100%;}
		.margRight20px {margin-right: 0 !important;}

		#collegeBG, .collegePointer {display:none;}

		#video-viewer {
			display:none;
		}

		#video-container {
			background-color: #333;
			background-image: url("../images/misc/pillars-mobile.jpg");            

		}
	}

/* ----------- 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) { 
		#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;}

		#acadIntro {height:auto !important; background-image:none; background-color:#E0EEF5;}
		#acadIntro article {clear:both !important; float:none; width:96% !important; height:100%; padding:4%; padding-top:14%;}
		#acadIntro article h1, #acadIntro article p {color:#333 !important;}
		#acadIntro article p {font-size:.875em;}
		#acadIntro article ul {margin-top:15px;}

		#videoBanner {height:50%;}
		.videoOverlay {top:10%; width:90%;}
		.videoOverlay h1 {width:290px; font-size:1.5em !important; margin-top:0;}
		.videoOverlay ul {margin-top:5%;}
		.introFade {display: block; width:94%; margin-bottom:1%; font-size:.875em !important;}
		#acadTxt {clear:both !important; width:90% !important; padding:2% 5% 6% !important;}
		#acadTxt article {width:100%; padding:0 !important;}
		#acadTxt p {font-size:1em !important;}

		#linkTo article {clear:both; width:96% !important; margin-left:auto; margin-right:auto;}
		#linkTo article .AP1, #linkTo article .AP2, #linkTo article .AR {clear:both; float:none; width:95% !important; margin-top:5%; margin-right:0;}
		#linkTo article .AP2 { margin-top:-28px !important;}

		.col2, .col3 {clear:both !important; float:none;  width:100% !important; margin-top:5%; margin-right:0;}
		.col3 h2 {margin-bottom:0 !important;}

		#degrees article {float:none; clear:both; width:90%;}
		#colleges article {float:none; clear:both; width:90%; margin-left:auto; margin-right:auto;}

		#collegeBG, .collegePointer {display:none;}

		#acadServices article {width:90%; margin-left:auto; margin-right:auto;}
		.acadServicesCol { clear:both; float:none; width:100%; margin-left:auto; margin-right:auto;}
		#acadTech article {width:100%;}
		.margRight20px {margin-right: 0 !important;}

		#video-viewer {
			display:none;
		}

		#video-container {
			background-color: #333;
			background-image: url("../images/misc/pillars-mobile.jpg");            

		}
	}

/* Landscape */
@media only screen 
	and (min-device-width: 375px) 
	and (max-device-width: 667px) 
	and (-webkit-min-device-pixel-ratio: 2)
	and (orientation: landscape) { 
		#acadIntro {height:auto !important; float:left; }
		#acadIntro article {clear:both !important; float:none; width:98% !important; height:auto !important; padding:2%; padding-top:14%;}
		#acadIntro article {
			float:right;
			width:50% !important;
			padding-top:5% !important;	
			padding-right:2%;}
		#acadIntro article h1, #acadIntro article p {color:#333 !important;}
		#acadIntro article p {font-size:.75em !important;}
		#acadIntro article ul {margin-top:15px;}

		#videoBanner {height:220px !important;}
		.videoOverlay {top:20px; width:96%;}
		.videoOverlay h1 {width:290px; font-size:1.5em !important; margin-top:0;}
		.videoOverlay ul {margin-top:3%; margin-bottom:5%;}
		.videoOverlay li {color:#fff !important;}
		.videoOverlay li img {display:none;}
		.introFade {display: inline-block; width:35%; padding:1%; margin-bottom:1%; font-size:.75em !important; color:#fff !important;}
		.introFade:first-child {width:20% !important;}
		#acadTxt {clear:both !important; width:90% !important; padding:2% 5% 6% !important;}
		#acadTxt article {width:100%; padding:0 !important;}
		#acadTxt p {font-size:1em !important;}

		#linkTo article {clear:both !important; width:96% !important; margin-left:auto; margin-right:auto;}
		#linkTo article .AP1, #linkTo article .AP2, #linkTo article .AR {clear:both !important; float:none; width:100% !important; margin-top:5%; margin-right:0;}
		#linkTo article .AP2 { margin-top:-28px !important;}
		.hvr-fade {display: block; width:98% !important; padding:1% !important;}

		.col2, .col3 {clear:both !important; float:none;  width:100% !important; margin-top:5%; margin-right:0;}
		.col3 h2 {margin-bottom:0 !important;}

		#degrees article {float:none; clear:both; width:90%;}
		#colleges article {float:none; clear:both; width:90%; margin-left:auto; margin-right:auto;}

		#collegeBG, .collegePointer {display:none;}

		#acadServices article {width:60%; margin-left:auto; margin-right:auto;}
		.acadServicesCol { clear:both; float:none; width:100%; margin-left:auto; margin-right:auto;}
		#acadTech article {width:100%;}
		.margRight20px {margin-right: 0 !important;}

		#video-viewer {
			display:none;
		}

		#video-container {
			background-color: #333;
			background-image: url("../images/misc/pillars-mobile.jpg");            

		}

	}

/* ----------- 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) { 
		#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;}

		#acadIntro {height:auto !important; background-image:none; background-color:#E0EEF5;}
		#acadIntro article {clear:both !important; float:none; width:96% !important; height:100%; padding:4%; padding-top:14%;}
		#acadIntro article h1, #acadIntro article p {color:#333 !important;}
		#acadIntro article p {font-size:.875em;}
		#acadIntro article ul {margin-top:15px;}

		#videoBanner {height:50%;}
		.videoOverlay {top:10%; width:90%;}
		.videoOverlay h1 {width:290px; font-size:1.5em !important; margin-top:0;}
		.videoOverlay ul {margin-top:5%;}
		.introFade {display: block; width:94%; margin-bottom:1%; font-size:.875em !important;}
		#acadTxt {clear:both !important; width:90% !important; padding:2% 5% 6% !important;}
		#acadTxt article {width:100%; padding:0 !important;}
		#acadTxt p {font-size:1em !important;}

		#linkTo article {clear:both; width:96% !important; margin-left:auto; margin-right:auto;}
		#linkTo article .AP1, #linkTo article .AP2, #linkTo article .AR {clear:both; float:none; width:95% !important; margin-top:5%; margin-right:0;}
		#linkTo article .AP2 { margin-top:-28px !important;}

		.col2, .col3 {clear:both !important; float:none;  width:100% !important; margin-top:5%; margin-right:0;}
		.col3 h2 {margin-bottom:0 !important;}

		#degrees article {float:none; clear:both; width:90%;}
		#colleges article {float:none; clear:both; width:90%; margin-left:auto; margin-right:auto;}

		#collegeBG, .collegePointer {display:none;}

		#acadServices article {width:90%; margin-left:auto; margin-right:auto;}
		.acadServicesCol { clear:both; float:none; width:100%; margin-left:auto; margin-right:auto;}
		#acadTech article {width:100%;}
		.margRight20px {margin-right: 0 !important;}

		#video-viewer {
			display:none;
		}

		#video-container {
			background-color: #333;
			background-image: url("../images/misc/pillars-mobile.jpg");            

		}
	}

/* Landscape */
@media only screen 
	and (min-device-width: 414px) 
	and (max-device-width: 736px) 
	and (-webkit-min-device-pixel-ratio: 3)
	and (orientation: landscape) { 
		#acadIntro {height:auto !important; float:left; }
		#acadIntro article {clear:both !important; float:none; width:98% !important; height:auto !important; padding:2%; padding-top:14%;}
		#acadIntro article {
			float:right;
			width:50% !important;
			padding-top:5% !important;	
			padding-right:2%;}
		#acadIntro article h1, #acadIntro article p {color:#333 !important;}
		#acadIntro article p {font-size:.75em !important;}
		#acadIntro article ul {margin-top:15px;}

		#videoBanner {height:220px !important;}
		.videoOverlay {top:20px; width:96%;}
		.videoOverlay h1 {width:290px; font-size:1.5em !important; margin-top:0;}
		.videoOverlay ul {margin-top:3%; margin-bottom:5%;}
		.videoOverlay li {color:#fff !important;}
		.videoOverlay li img {display:none;}
		.introFade {display: inline-block; width:35%; padding:1%; margin-bottom:1%; font-size:.75em !important; color:#fff !important;}
		.introFade:first-child {width:20% !important;}
		#acadTxt {clear:both !important; width:90% !important; padding:2% 5% 6% !important;}
		#acadTxt article {width:100%; padding:0 !important;}
		#acadTxt p {font-size:1em !important;}

		#linkTo article {clear:both !important; width:96% !important; margin-left:auto; margin-right:auto;}
		#linkTo article .AP1, #linkTo article .AP2, #linkTo article .AR {clear:both !important; float:none; width:100% !important; margin-top:5%; margin-right:0;}
		#linkTo article .AP2 { margin-top:-28px !important;}
		.hvr-fade {display: block; width:98% !important; padding:1% !important;}


		.col2, .col3 {clear:both !important; float:none;  width:100% !important; margin-top:5%; margin-right:0;}
		.col3 h2 {margin-bottom:0 !important;}

		#degrees article {float:none; clear:both; width:90%;}
		#colleges article {float:none; clear:both; width:90%; margin-left:auto; margin-right:auto;}

		#collegeBG, .collegePointer {display:none;}

		#video-viewer {
			display:none;
		}

		#video-container {
			background-color: #333;
			background-image: url("../images/misc/pillars-mobile.jpg");            

		}
	}

/* ----------- iPad ----------- */
/* Portrait */
@media only screen and (max-width : 1020px) and (min-width : 760px) {
	/* 768 x 1024 and 800 x 600 */

	#acadIntro {height:70%; position:inherit !important; background-position:top; background-attachment: scroll; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}}
#acadIntro article {width:60%; padding-top:14%;}


.col3 {width:32%;}
.col3 h2 {margin-bottom:0 !important;}
.col3 li {font-size:.875em;}
#degrees article {float:none; clear:both; width:90%;}
#colleges {clear:both !important; float:none;}
#colleges article {float:none; clear:both !important; width:90%; margin-left:auto; margin-right:auto;}

/*.sideNav {margin-top: 18% !important;}*/

}
/* Landscape */
@media only screen and (max-width : 1050px) and (min-width : 1022px) {
	/* 1024 x 768 */
	#acadIntro {height:70%; position:relative; background-position:top; background-attachment: scroll; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}}
#acadIntro article {width:60%; padding-top:14%;}
#linkTo article {clear:both; width:96%; margin-left:auto; margin-right:auto;}
#linkTo article li {font-size:.875em;}


.col3 {width:32%;}
.col3 h2 {margin-bottom:0 !important;}
.col3 li {font-size:.875em;}
#degrees article {float:none; clear:both; width:90%;}
#colleges {clear:both !important; float:none;}
#colleges article {float:none; clear:both !important; width:90%; margin-left:auto; margin-right:auto;}

/*.sideNav {margin-top: 10% !important;}*/
.sideNav li {padding-top: 5%; padding-bottom: 5%;}
}
