form {
    height:100%;
}

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

#video-container {
	position: absolute;
	background-color:#fff;
	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:40%;
	z-index:3;
	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;
	text-transform:uppercase;
	letter-spacing:0.3em;
	font-weight:500;
	font-size:.875em;
}



/*PHOTO BANNER*/
#aboutIntro {
	clear:both !important;
	width:100%;
	height:auto;
	background-color:#fff;
	
}

.aboutBanner {
	width:100%;
	height:80%;
	background-color:#333;
	background:url(../images/banners/pillars.jpg) no-repeat center top;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  color:#fff;
}

.aboutBanner h1 {
	width:446px;
	font-size:2.25em !important;	
	line-height:1.25em;
	padding:1%;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	margin-left:auto;
	margin-right:auto;
	margin-top:5px;
	font-family:'Crimson Text', serif;
	font-weight:normal;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
}

.aboutBanner p {
	padding-top:15%;
	text-align:center;
	margin:0 auto;
	color:#fff;
	text-transform:uppercase;
	letter-spacing:0.3em;
	font-weight:500;
	font-size:.875em;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
}

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

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

a.trh:link, a.trh:visited {
	font-family:'Roboto', sans-serif;
	font-size:.5em !important;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:.5em;
	color:#084B8A;
	text-decoration:none;
    background-color: #fff;
    background:none;
}
a.trh:hover {
	border-bottom:1px dotted #084B8A;
        background-color: #fff;
    background:none;
}




/*#aboutIntro article {
	width:45%;
	margin-left:auto;
	margin-right:auto;
	padding-top:12%;	
}

#aboutIntro h1 {color:#333; padding-top:10%; margin-bottom:20px;}
#aboutIntro p {color:#333; line-height:1.5em; text-align:center;}*/

.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;}
#tuition {clear:both; float:left; width:100%;}


#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 ul {list-style-type:none;}

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

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



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

#mission h1 {color:#333;}
#mission h2 {font-weight:bold; font-size:1.125em; margin-bottom:3%; margin-top:3%;}	
#mission h3 {font-weight:bold; margin-top:5%; margin-bottom:1%; line-height:1.5em; color:#444;}
#mission p {line-height:1.5em; margin-bottom: 4%;}
#mission a.download:link, #mission a.download:visited {
	font-size:.75em;
	color:#333;
	padding:8px 20px;
	-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px; background-color:#ccc;}
#mission a.download:hover {color:#fff; background-color:#333;}	

#mission ul {
	background: url(../images/core/list-vline.png) repeat-y -1px top; 
	margin-top:3%;}
#mission li {
	background: url(../images/core/bullet-orange2.png) no-repeat left -5px;
	margin-bottom:4%;
	padding-left: 25px;
}



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

#facts h1 {color:#333;}
#facts h2 {font-weight:bold; font-size:1.125em; margin-bottom:3%; margin-top:3%;}	
#facts h3 {font-weight:bold; margin-top:5%; margin-bottom:1%; line-height:1.5em; color:#444;}
#facts p {line-height:1.5em;}
#facts a.download:link, #facts a.download:visited {
	font-size:.75em;
	color:#333;
	padding:8px 20px;
	-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px; background-color:#ccc;}
#facts a.download:hover {color:#fff; background-color:#333;}	

#facts ul {margin-top:3%;}
#facts li {margin-bottom:5%;}

.rankWrap {float:left; width:100%;}
.rankNo {float:left; width:3%; font-size:.875em; text-align:center; padding-right: 20px;}
.rankNo strong {color:#069; font-size:1.5em;}
.rankTxt {float:left; width:90%; min-height:44px;  border-left:1px dotted #666; padding-left:2%; }


.highlight {color:#069; font-weight:bold;}
.ethnic li {margin-bottom:0 !important; padding:3% 0; border-bottom:1px dotted #999;}
.ethnic li .percentage {float:right;}


#leadership {clear:both; float:left; width:100%; background-color:#084B8A; color:#fff;}
#leadership article {
	float:right;
	width:90%;
}

#leadership h2 {margin-top:8%; margin-bottom:1%; font-size:1.125em;}
#leadership p {line-height:1.5em; color:#fff;}
#leadership h2 a:link, #leadership h2 a:visited { border-bottom:1px dotted #999; color:#fff;}
#leadership h2 a:hover {color:#93E1F9; border-color:#93E1F9;}

/*#colleges {clear:both; float:left; width:100%; background-color:#E0EEF5; color:#444;}*/
#colleges {
	clear:both; 
	position:relative;
	float:left; 
	width:100%; 
	background-color:#fff;
	background:url(../images/banners/campus-panarama.jpg) no-repeat center bottom #e0eef5;
	color:#333; 
	padding-bottom:5%;}
#colleges article {
	float:right;
	width:90%;
}

#colleges h2 {font-size:1.125em; font-weight:500; margin:2% 0; color:#444;}
#colleges h4 {margin-top:5%; margin-bottom:2%; color:#444;}
#colleges li {margin-bottom:2%; color:#444;}
#colleges li ul {list-style-type:circle;}
#colleges p {margin-bottom:1%; color:#444;}
#colleges a:link, #colleges a:visited {color:#444; text-decoration:none; border-bottom:none;}
#colleges a:hover {color:#084B8A; text-decoration:none; border-bottom:1px dotted #084B8A;}


.collegePointer {
	position:absolute;
	bottom:0;
	left:0;
	width:100% !important;
	height:43px;
	background-image:url(../images/patterns/college-bg-f7.png);
	background-repeat:no-repeat;
	background-position:center center;
}



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

#locations h1 {color:#333;}

#locations h2 {margin-bottom:1%; font-size:1.125em; font-weight:bold;}
#locations p {line-height:2em; font-size:.875em; }

#locations .col2 img {width:50%; height:auto;}
/*#locations a:link, #locations a:visited {border-bottom:1px dotted #06c;}*/

/*ESSENTIALS*/
h1 {
	text-align:center;
	margin-top:2%;	
	/*font-family: 'gothambold1';*/
}

.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:1% 4%;
  background-color: rgba(0, 0, 0, 0.6);
  border:1px solid #ccc;
  -moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px; 
-khtml-border-radius: 5px;
}
.hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active {
  background-color: #2098d1;
  color: white;
}*/

.col3 {
	float:left;
	width:30%;
	margin-top:5%;
	margin-right:2%;
}

.col2 {
	float:left;
	width:45%;
	/*margin-top:5%; REMOVED */
	margin-right:5%;
}

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

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

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

a.button:hover {
	background-color:#c0ddf4;
}


/*a.pill:link, a.pill:visited {
	display:inline-block;
	padding: 1px;
	width:100px;
	font-size:.875em;
    color: #333;
	text-align:center;
    letter-spacing: .045em;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    -khtml-border-radius: 25px;
	border-bottom:none;
	border:1px solid #ccc;
	background-color:#eee;
}

a.pill:hover {
    background-color: #ccc;
	color:#000;
    text-decoration: none;
}*/

a.pill:link, a.pill:visited {
	display:inline-block;
	padding: 1px;
	width:100px;
	font-size:.875em;
    color: #444;
	text-align:center;
    letter-spacing: .045em;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -khtml-border-radius: 5px;
	border-bottom:none;
	border:1px solid #ccc;
	background-color:#f7f7f7;
}

a.pill:hover {
    background-color: #ccc;
	color:#000;
    text-decoration: none;
}




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

hr.style6 {
	clear:both !important;
	border-top: 0 dotted #8c8b8b;
	border-bottom:none;
	margin:5% 0;
}

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

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

.top {clear:both; padding-top:5%; margin-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, .content a:visited {color:#fff; border-bottom:1px dotted #999;}

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

.none {
    display: none;
}


	
	
/* -------------- @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;}
	
	#aboutIntro {height:auto !important;}
	#aboutIntro article {width:100%; height:auto; padding-top:24%; margin-left:auto; margin-right:auto;}
	.aboutBanner {height:auto !important;}
	.aboutBanner h1 {font-size:1.5em !important;}
	#aboutTxt {clear:both !important; width:90% !important; padding:2% 5% 6% !important;}
	#aboutTxt article {width:100%; padding:0 !important;}
	#aboutTxt p {font-size:1em !important;}
	
	.videoOverlay {top:30%;}
	.videoOverlay h1 {width:300px; font-size:1.25em !important;	line-height:1.25em;}

	
	
	.col2, .col3 {float:none; clear:both !important; width:100% !important; margin-top:5%; margin-right:0;}
	#degrees article {float:none; clear:both; width:90%;}
	#colleges article {float:none; clear:both; width:90%; margin-left:auto; margin-right:auto;}
	#locations article {float:none; clear:both; width:90%; margin-right:auto; margin-left:auto;}
	.sideNav {visibility:hidden !important;}
	#linkTo article, #facts article, #leadership article {float:none; clear:both !important;width:96%; margin-left:auto; margin-right:auto;}
	
	#facts article p #facts article li, #leadership article p, #colleges article p, #colleges article li, #locations article p, #college h2 {font-size:.875em;}
	.rankNo {width:6%; padding-right: 10px;}
	.rankTxt {width:86%;}
	
	#locations article h2, #locations article p {text-align:center;}
	#locations article img {width:100%; height:auto;}

    #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) {
	  
	  #aboutIntro {height:auto !important; position:inherit !important;}
	#aboutIntro article {width:100%; height:auto; padding-top:0%; margin-left:auto; margin-right:auto;}
	.aboutBanner {position:inherit !important; clear:both !important; height:auto !important;}
	.aboutBanner h1 {font-size:1.5em !important; padding-top:22%; padding-bottom:10%;}
	#aboutTxt {clear:both !important; width:90% !important; padding:2% 5% 6% !important;}
	#aboutTxt article {width:100%; padding:0 !important;}
	#aboutTxt p {font-size:1em !important;}
	
	
	.col2, .col3 {float:none; clear:both !important; width:100% !important; margin-top:5%; margin-right:0;}

	#linkTo article {position:inherit !important; clear:both !important; width:98%; margin-left:auto; margin-right:auto;}
	#linkTo article li {font-size:.75em; line-height:1.25em;}
	#linkTo article li img {width:auto !important; height:auto;}
	.hvr-fade {padding:1% !important;}
	
	#facts article, #colleges article, #leadership article, #locations article {float:none; clear:both !important;width:96%; margin-left:auto; margin-right:auto;}
	
	#facts article p, #facts article li, #leadership article p, #colleges article p, #colleges article li, #locations article p, #college h2 {font-size:.875em;}
	.col2 {float:none; clear:both; width:100%; margin-top:5%; margin-right:0;}
	.col3 {width:31%;}
	
	#locations article h2, #locations article p {text-align:center;}
	
	.videoOverlay {top:20%;}
	.videoOverlay h1 {width:300px; font-size:1.25em !important;	line-height:1.25em;}
	
     #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;}
	
	#aboutIntro {height:auto !important;}
	#aboutIntro article {width:100%; height:auto; padding-top:24%; margin-left:auto; margin-right:auto;}
	.aboutBanner {height:auto !important;}
	.aboutBanner h1 {font-size:1.5em !important;}
	#aboutTxt {clear:both !important; width:90% !important; padding:2% 5% 6% !important;}
	#aboutTxt article {width:100%; padding:0 !important;}
	#aboutTxt p {font-size:1em !important;}
	
	.videoOverlay {top:30%;}
	.videoOverlay h1 {width:300px; font-size:1.25em !important;	line-height:1.25em;}
	
	.col2, .col3 {float:none; clear:both !important; width:100% !important; margin-top:5%; margin-right:0;}
	#degrees article {float:none; clear:both; width:90%;}
	#colleges article {float:none; clear:both; width:90%; margin-left:auto; margin-right:auto;}
	#locations article {float:none; clear:both; width:90%; margin-right:auto; margin-left:auto;}
	.sideNav {visibility:hidden !important;}
	#linkTo article, #facts article, #leadership article {float:none; clear:both !important;width:96%; margin-left:auto; margin-right:auto;}
	
	#facts article p #facts article li, #leadership article p, #colleges article p, #colleges article li, #locations article p, #college h2 {font-size:.875em;}
	.rankNo {width:6%; padding-right: 10px;}
	.rankTxt {width:86%;}
	#locations article h2, #locations article p {text-align:center;}
	#locations article img {width:100%; height:auto;}

    #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) { 
	#aboutIntro {height:auto !important; position:inherit !important;}
	#aboutIntro article {width:100%; height:auto; padding-top:0%; margin-left:auto; margin-right:auto;}
	.aboutBanner {position:inherit !important; clear:both !important; height:auto !important;}
	.aboutBanner h1 {font-size:1.5em !important; padding-top:22%; padding-bottom:10%;}
	#aboutTxt {clear:both !important; width:90% !important; padding:2% 5% 6% !important;}
	#aboutTxt article {width:100%; padding:0 !important;}
	#aboutTxt p {font-size:1em !important;}
	
	
	.col2, .col3 {float:none; clear:both !important; width:100% !important; margin-top:5%; margin-right:0;}

	#linkTo article {position:inherit !important; clear:both !important; width:98%; margin-left:auto; margin-right:auto;}
	#linkTo article li {font-size:.75em; line-height:1.25em;}
	#linkTo article li img {width:auto !important; height:auto;}
	.hvr-fade {padding:1% !important;}
	
	#facts article, #colleges article, #leadership article, #locations article {float:none; clear:both !important;width:96%; margin-left:auto; margin-right:auto;}
	
	#facts article p, #facts article li, #leadership article p, #colleges article p, #colleges article li, #locations article p, #college h2 {font-size:.875em;}
	.col2 {float:none; clear:both; width:100%; margin-top:5%; margin-right:0;}
	.col3 {width:31%;}
	
	#locations article h2, #locations article p {text-align:center;}

    #video-viewer {
        display:none;
    }

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

    }
	
	.videoOverlay {top:20%;}
	.videoOverlay h1 {width:300px; font-size:1.25em !important;	line-height:1.25em;}


}

/* ----------- 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;}
	
	#aboutIntro {height:auto !important;}
	#aboutIntro article {width:100%; height:auto; padding-top:24%; margin-left:auto; margin-right:auto;}
	.aboutBanner {height:auto !important;}
	.aboutBanner h1 {font-size:1.75em !important;}
	#aboutTxt {clear:both !important; width:90% !important; padding:2% 5% 6% !important;}
	#aboutTxt article {width:100%; padding:0 !important;}
	#aboutTxt p {font-size:1em !important;}
	
	.videoOverlay {top:30%;}
	.videoOverlay h1 {width:300px; font-size:1.25em !important;	line-height:1.25em;}
	
	.col2, .col3 {float:none; clear:both !important; width:100% !important; margin-top:5%; margin-right:0;}
	#degrees article {float:none; clear:both; width:90%;}
	#colleges article {float:none; clear:both; width:90%; margin-left:auto; margin-right:auto;}
	#locations article {float:none; clear:both; width:90%; margin-right:auto; margin-left:auto;}
	.sideNav {visibility:hidden !important;}
	#linkTo article, #facts article, #leadership article {float:none; clear:both !important;width:96%; margin-left:auto; margin-right:auto;}
	
	#facts article p #facts article li, #leadership article p, #colleges article p, #colleges article li, #locations article p, #college h2 {font-size:.875em;}
	.rankNo {width:6%; padding-right: 10px;}
	.rankTxt {width:86%;}
	#locations article h2, #locations article p {text-align:center;}
	#locations article img {width:100%; height:auto;}

    #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) { 
	#aboutIntro {height:auto !important; position:inherit !important;}
	#aboutIntro article {width:100%; height:auto; padding-top:0%; margin-left:auto; margin-right:auto;}
	.aboutBanner {position:inherit !important; clear:both !important; height:auto !important;}
	.aboutBanner h1 {font-size:1.5em !important; padding-top:22%; padding-bottom:10%;}
	#aboutTxt {clear:both !important; width:90% !important; padding:2% 5% 6% !important;}
	#aboutTxt article {width:100%; padding:0 !important;}
	#aboutTxt p {font-size:1em !important;}
	
	
	.col2, .col3 {float:none; clear:both !important; width:100% !important; margin-top:5%; margin-right:0;}

	#linkTo article {position:inherit !important; clear:both !important; width:98%; margin-left:auto; margin-right:auto;}
	#linkTo article li {font-size:.75em; line-height:1.25em;}
	#linkTo article li img {width:auto !important; height:auto;}
	.hvr-fade {padding:1% !important;}
	
	#facts article, #colleges article, #leadership article, #locations article {float:none; clear:both !important;width:96%; margin-left:auto; margin-right:auto;}
	
	#facts article p, #facts article li, #leadership article p, #colleges article p, #colleges article li, #locations article p, #college h2 {font-size:.875em;}
	.col2 {float:none; clear:both; width:100%; margin-top:5%; margin-right:0;}
	.col3 {width:31%;}
	
	#locations article h2, #locations article p {text-align:center;}

    #video-viewer {
        display:none;
    }

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

    }
	
	.videoOverlay {top:20%;}
	.videoOverlay h1 {width:300px; font-size:1.25em !important;	line-height:1.25em;}


}

/* ----------- iPad ----------- */
/* Portrait */
@media only screen and (max-width : 1020px) and (min-width : 760px) {
   /* 768 x 1024 and 800 x 600 */
   #linkTo article, #facts article, #leadership article, #colleges article, #locations article {float:none; clear:both !important;width:96%; margin-left:auto; margin-right:auto;}
   #linkTo article li {line-height:1.25em;}
   #linkTo article li img {width:10%; height:auto;}
   .col3 {width:32%; font-size:.875em;}
   .rankNo {width:6%; padding-right: 10px;}
	.rankTxt {width:86%;}
	#facts article .col2 {clear:both; float:none; width:100%;}
	
	/*.aboutBanner {height:600px !important;}
	.aboutBanner h1 {font-size:1.5em !important; padding-top:30%;}*/
	
	.videoOverlay h1 {width:446px; font-size:1.5em !important;}


	
}
/* Landscape */
@media only screen and (max-width : 1050px) and (min-width : 1022px) {
   /* 1024 x 768 */
   #linkTo article, #facts article, #leadership article, #colleges article, #locations article {float:none; clear:both !important;width:96%; margin-left:auto; margin-right:auto;}
   .col3 {width:32%;}
   .sideNav li {padding-top: 5%; padding-bottom: 5%;}
   /*.aboutBanner {height:90% !important;}
   .aboutBanner h1 {padding-bottom:20%;}*/
   .videoOverlay h1 {width:546px;}

 
}