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;
}


.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%;}

#colleges h2 {margin:2% 0; font-weight:500;}
.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:#333 !important; text-decoration:none; border-bottom:none; background-color:#fff; background:none;}
.content a:hover {color:#084B8A !important; background-color:#fff ; background:none; 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:#333;
		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:#333;
		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;
	}
	
 #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;
	}




/*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%;}
}