
/* LINKS */
#about-cert-program .section-links{
	 margin: 0;
padding-top:0px;
   text-align: center;
}
#about-cert-program .section-links li{
	 margin: 0;
	 width: 50%;
	 text-align: center;
}
#about-cert-program .section-links li{
	 margin: 0;
}

#about-cert-program .section-links li a{
	 display: block;
	 padding: 15px 15px;
	 background-size: cover;
	 background-position: center center;
	 color: #fff9d9;
	 font-size: 1.2rem;
	 transition: .5s all;
}
#about-cert-program .section-links li a:hover{
	 transform: scale(1.05);
}
#about-cert-program .section-links li a{
	 background-color: #c8102e;
}

#about-cert-program .section-links li a:after{
	 content: "";
}
 @media only screen and (max-width: 900px) and (min-width: 581px){
	 #about-cert-program .section-links li a{
		 font-size: 1.5rem;
		 padding: 20px 0;
	}
}
 @media only screen and (max-width: 980px){
	 #about-cert-program .section-links li{
		 display: block;
		 width: 100%;
	}

}

/* ABOUT */
/* ABOUT */
/* ABOUT */

/* ABOUT QUOTE */
 #about-quote {
	 background-color: #c8102e;
	 color: #fff;
}
 #about-quote p {
	 text-align: center;
}
 #about-quote .col-xs-10 {
	 text-align: center;
	 font-size: 1.5rem;
}
 #about-quote .source {
	 font-size: 1.25rem;
	 font-style: italic;
}
 #about-quote #quote {
	 padding: 30px 0;
}
 #about-quote #open-quote p {
	 font-size: 14rem;
	 font-family: 'League Gothic';
	 position: absolute;
	 right: 0;
	 top: 30px;
}
 #about-quote #close-quote p {
	 font-size: 14rem;
	 font-family: 'League Gothic';
	 position: absolute;
	 left: 0;
	 top: 130px;
}
 @media only screen and (min-width: 730px) and (max-width: 991px) {
	 #about-quote #open-quote p {
		 font-size: 10rem;
		 right: -15px;
		 top: 25px;
	}
	 #about-quote #close-quote p {
		 font-size: 10rem;
		 left: -15px;
	}
}
 @media only screen and (min-width: 600px) and (max-width: 729px) {
	 #about-quote #open-quote p {
		 font-size: 7rem;
	}
	 #about-quote #close-quote p {
		 font-size: 7rem;
		 left: -10px;
		 top: 165px;
	}
}
 @media only screen and (max-width: 599px) {
	 #about-quote #open-quote p {
		 font-size: 7rem;
		 right: -15px;
		 top: 15px;
	}
	 #about-quote #close-quote p {
		 display: none;
	}
}
/* MICROSOFT EDGE FIX */
 @supports (-ms-ime-align:auto) {
	 #about-quote #open-quote p {
		 font-size: 14rem;
		 font-family: 'League Gothic';
		 position: absolute;
		 right: 0;
		 top: -110px;
	}
	 #about-quote #close-quote p {
		 font-size: 14rem;
		 font-family: 'League Gothic';
		 position: absolute;
		 left: 0;
		 top: 0px;
	}
	 @media only screen and (min-width: 730px) and (max-width: 991px) {
		 #about-quote #open-quote p {
			 font-size: 10rem;
			 right: 0px;
			 top: -70px;
		}
		 #about-quote #close-quote p {
			 font-size: 10rem;
			 left: 0px;
			 top: 75px;
		}
	}
	 @media only screen and (min-width: 600px) and (max-width: 729px) {
		 #about-quote #open-quote p {
			 font-size: 7rem;
			 left: 0px;
			 top: -45px;
		}
		 #about-quote #close-quote p {
			 font-size: 7rem;
			 left: -10px;
			 top: 100px;
		}
	}
	 @media only screen and (max-width: 599px) {
		 #about-quote #open-quote p {
			 font-size: 7rem;
			 right: -15px;
			 top: -45px;
		}
		 #about-quote #close-quote p {
			 display: none;
		}
	}
}
/* MISSION */
/* * icon-list */
 .icon-list {
	 display: -webkit-flex;
	 display: flex;
	 -webkit-flex-direction: row;
	 flex-direction: row;
	 -webkit-flex-wrap: wrap;
	 flex-wrap: wrap;
	 font-family: 'Milo', sans-serif;
	 font-size: 1.25rem;
	 -webkit-justify-content: center;
	 justify-content: center;
	 line-height: 1.25;
	 list-style: none;
	 margin: 0;
	 padding: 0;
}
 .icon-list > li {
	 -webkit-align-items: center;
	 align-items: center;
	 display: -webkit-flex;
	 display: flex;
	 -webkit-flex-direction: row;
	 flex-direction: row;
	 margin: 0;
	 padding: 1.25rem 1.25rem 0;
	 width: 100%;
}
 .icon-list .icon {
	 background: #d6efe7;
	 border-radius: 50%;
	 display: block;
	 -webkit-flex-shrink: 0;
	 flex-shrink: 0;
	 height: 80px;
	 margin: 1em 1.5em 1em 0;
	 width: 80px;
}
 .icon-list .icon img {
	 height: 100%;
	 padding: 20%;
	 width: 100%;
}
 @media (min-width: 1000px) {
	 .icon-list > li {
		 width: 50%;
	}
	 .icon-list .icon {
		 height: 8vw;
		 width: 8vw;
	}
}
 @media (min-width: 1600px) {
	 .icon-list .icon {
		 height: 8rem;
		 width: 8rem;
	}
}
@media (max-width: 767px) {
	.icon-list li {
    display: block;
	}
}
/* LINKS */
 #links .section-links{
	 margin: 0;
	 padding: 0;
	 text-align: center;
}
 #links .section-links li{
	 margin: 0;
	 width: 20%;
	 text-align: center;
}
#links .section-links li:nth-child(1){
	margin: 0;
}
#links .section-links li:nth-child(2){
	margin: 0 0 0 1rem;
}
#links .section-links li:nth-child(3){
	margin: 0 0 0 1rem;
}
#links .section-links li:nth-child(4){
	margin: 0 0 0 1rem;
}
 #links .section-links li a{
	 display: block;
	 padding: 35px 0;
	 background-size: cover;
	 background-position: center center;
	 color: #fff9d9;
	 font-size: 1.5rem;
	 transition: .5s all;
}
 #links .section-links li a:hover{
	 transform: scale(1.05);
}
 #links .section-links li:nth-child(1) a{
	 background-color: #c8102e;
}
 #links .section-links li:nth-child(2) a{
	 background-color: #c8102e;
}
 #links .section-links li:nth-child(3) a{
	 background-color: #c8102e;
}
 #links .section-links li:nth-child(4) a{
	 background-color: #c8102e;
}
 #links .section-links li a:after{
	 content: "";
}
 @media only screen and (max-width: 900px) and (min-width: 581px){
	 #links .section-links li a{
		 font-size: 1.5rem;
		 padding: 40px 0;
	}
}
 @media only screen and (max-width: 580px){
	 #links .section-links li{
		 display: block;
		 width: 100%;
	}
	 #links .section-links li:nth-child(1){
		 margin: 0px;
		 margin-bottom: 30px;
	}
	 #links .section-links li:nth-child(2){
		 margin: 0px;
		 margin-bottom: 30px;		 
	}
	 #links .section-links li:nth-child(3){
		 margin: 0px;
	}	
		 #links .section-links li:nth-child(4){
		 margin: 0px;
	}
}
/* DEPARTMENTS */
/* OUR APPROACH */
/* FACTS & FIGURES */
 #facts-and-figures {
	 color: #fff;
}
 #facts-and-figures p.white-bg {
	 background-color: #fff;
	 width: 50%;
	 color: #54585a;
	 margin: 2% auto;
	 text-align: center;
	 line-height: 210%;
}
 #facts-and-figures .section-grid-stats span.stats-number {
	 text-transform: lowercase;
}
 @media only screen and (max-width: 768px) {
	 #facts-and-figures p.white-bg {
		 width: 100%;
	}
}
/* MISSION STATEMENT */
 #mission-statement {
	 color: #fff;
	 text-align: center;
}
 #mission-statement p {
	 width: 95%;
	 margin-left: auto;
	 margin-right: auto;
}
 #mission-statement a {
	 color: #f6be00;
}
 #mission-statement a:hover {
	 color: #fff;
}



/* WHY WHY WHY */
/* WHY WHY WHY */
/* WHY WHY WHY */
#why-uh-com h3 {
    text-transform: uppercase;
}
#why-uh-com #why-container .row {
    padding-bottom: 2rem;
		height: auto;
    display: flex;
}
#why-uh-com .col-md-4 {
    text-align: right;
}
@media (max-width:991px) {
	#why-uh-com .col-md-4 {
	    text-align: left;
	}
	#why-uh-com #why-container .row {
	    padding-bottom: 2rem;
	    display: block;
	}
}
#why-uh-com svg {
    height: 250px;
    width: 250px;
    padding: 3rem;
    background-color: #00b388;
		fill:#fff;
}
.col-md-8 {
    margin-top: auto;
    margin-bottom: auto;
}

/* LINKS */
#links-1 p.text-center {
1.52rem 5rem 2rem 5rem;

}
 #links-1 .section-links{
	 margin: 0;
	 padding: 0;
	 text-align: center;
}
 #links-1 .section-links li{
	 margin: 0;
	 width: 50%;
	 text-align: center;
}
#links-1 .section-links li:nth-child(1){
	margin: 0;
}
 #links-1 .section-links li a{
	 display: block;
	 padding: 35px 0;
	 background-size: cover;
	 background-position: center center;
	 color: #fff9d9;
	 font-size: 2vw;
	 transition: .5s all;
}
 #links-1 .section-links li a:hover{
	 transform: scale(1.05);
}
 #links-1 .section-links li:nth-child(1) a{
	 background-color: #c8102e;
}
 #links-1 .section-links li a:after{
	 content: "";
}
@media (min-width: 1200px) {
	#links-1 .section-links li a {
    font-size: 2rem;
	}
}
@media (max-width: 1199px) {
	#links-1 .section-links li a {
    font-size: 2.5vw;
	}
}
@media (max-width: 988px) {
	#links-1 .section-links li a {
    font-size: 3vw;
	}
	#links-1 .section-links li {
	    width: 75%;
	}
}
@media only screen and (min-width: 581px) and (max-width: 767px) {
	#links-1 .section-links li a {
    font-size: 3.5vw;
	}
}
 @media only screen and (max-width: 900px) and (min-width: 581px){
	 #links-1 .section-links li a{
		 padding: 40px 0;
	}
}
 @media (max-width: 580px){
	 #links-1 .section-links li{
		 display: block;
		 width: 100%;
	}
	#links-1 .section-links li a {
		font-size: 1.5rem;
	}
	 #links-1 .section-links li:nth-child(1){
		 margin: 0px;
	}
	#links-1 p.text-center {
	    margin: 0 0 2rem 0;
	}
}
@media (max-width: 410px) {
	#links-1 .section-links li a {
    font-size: 1.125rem;
	}
}



/* LEADERSHIP LEADERSHIP LEADERSHIP */
/* LEADERSHIP LEADERSHIP LEADERSHIP */
/* LEADERSHIP LEADERSHIP LEADERSHIP */
 #spann-bio .glyphicon-chevron-right {
	 font-size: .85rem;
}
/* SPANN QUOTE */
 #spann-quote {
	 background-color: #c8102e;
	 color: #fff;
}
 #spann-quote p {
	 text-align: center;
}
 #spann-quote .col-xs-10 {
	 text-align: center;
	 font-size: 1.5rem;
}
 #spann-quote .source {
	 font-size: 1.25rem;
	 font-style: italic;
}
 #spann-quote #quote {
	 padding: 30px 0;
}
 #spann-quote #open-quote p {
	 font-size: 14rem;
	 font-family: 'League Gothic';
	 position: absolute;
	 right: 0;
	 top: 30px;
}
 #spann-quote #close-quote p {
	 font-size: 14rem;
	 font-family: 'League Gothic';
	 position: absolute;
	 left: 0;
	 top: 130px;
}
 @media only screen and (min-width: 730px) and (max-width: 991px) {
	 #spann-quote #open-quote p {
		 font-size: 10rem;
		 right: -15px;
		 top: 25px;
	}
	 #spann-quote #close-quote p {
		 font-size: 10rem;
		 left: -15px;
	}
}
 @media only screen and (min-width: 600px) and (max-width: 729px) {
	 #spann-quote #open-quote p {
		 font-size: 7rem;
	}
	 #spann-quote #close-quote p {
		 font-size: 7rem;
		 left: -10px;
		 top: 165px;
	}
}
 @media only screen and (max-width: 599px) {
	 #spann-quote #open-quote p {
		 font-size: 7rem;
		 right: -15px;
		 top: 15px;
	}
	 #spann-quote #close-quote p {
		 display: none;
	}
}
/* MICROSOFT EDGE FIX */
 @supports (-ms-ime-align:auto) {
	 #spann-quote #open-quote p {
		 font-size: 14rem;
		 font-family: 'League Gothic';
		 position: absolute;
		 right: 0;
		 top: -110px;
	}
	 #spann-quote #close-quote p {
		 font-size: 14rem;
		 font-family: 'League Gothic';
		 position: absolute;
		 left: 0;
		 top: 0px;
	}
	 @media only screen and (min-width: 730px) and (max-width: 991px) {
		 #spann-quote #open-quote p {
			 font-size: 10rem;
			 right: 0px;
			 top: -70px;
		}
		 #spann-quote #close-quote p {
			 font-size: 10rem;
			 left: 0px;
			 top: 75px;
		}
	}
	 @media only screen and (min-width: 600px) and (max-width: 729px) {
		 #spann-quote #open-quote p {
			 font-size: 7rem;
			 left: 0px;
			 top: -45px;
		}
		 #spann-quote #close-quote p {
			 font-size: 7rem;
			 left: -10px;
			 top: 100px;
		}
	}
	 @media only screen and (max-width: 599px) {
		 #spann-quote #open-quote p {
			 font-size: 7rem;
			 right: -15px;
			 top: -45px;
		}
		 #spann-quote #close-quote p {
			 display: none;
		}
	}
}
/* FACULTY */
/* FACULTY */
/* FACULTY */
#faculty-intro {
    padding-bottom: 0;
}
 #join-the-team {
	 text-align: center;
}
 #join-the-team p#team-mission {
	 margin: 2% 5%;
}
 @media only screen and (min-width: 850px) and (max-width: 1199px) {
	 #join-the-team p#team-mission {
		 margin: 2% 10%;
	}
}
 @media only screen and (min-width: 1200px) {
	 #join-the-team p#team-mission {
		 margin: 2% 19%;
	}
}
 #join-the-team p.eeo {
	 font-size: 1rem;
	 color: #88888d;
	 font-style: italic;
}
 #join-the-team ul.list-inline {
	 text-align: center;
	 margin: 0;
}
 #join-the-team ul.list-inline li {
	 width: 600px;
	 text-align: center;
	 margin: 3px;
	 padding: 0;
}
 @media only screen and (max-width: 675px) {
	 #join-the-team ul.list-inline li {
		 width: 300px;
	}
}
 #join-the-team li a {
	 display: block;
	 color: #fff;
	 background-color: #c8102e;
	 font-weight: bold;
	 line-height: 55px;
	 font-size: 1.5rem;
}
 #join-the-team li a:hover {
	 color: #fff;
	 font-weight: bold;
	 background-color: #960C22;
	 font-size: 1.5rem;
}

/* HELPERS */
/* HELPERS */
/* HELPERS */
 .show {
	 display: block;
}
 .hide {
	 display: none;
}
