.text-shadows {
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
}
ul.img-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
}
ul.img-list li {
    display: inline-block;
    height: 100%;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
}
.stepintowiia h2 span {
    font-weight: 700;
    font-style: italic;
}
.achivehome span {
    font-weight: 700;
    font-style: italic;
}
.findaboutpr span {
    font-weight: 700;
    font-style: italic;
}
span.text-content {
    background: rgba(163, 145, 97, 0.7);
    color: white;
    cursor: default;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    padding: 20px;
    display: none;
    transition: opacity 500ms;
}

ul.img-list li:hover span.text-content {
    opacity: 1;
}

.show-text, .show-text-campuses {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 20px;
    color: white;
    display: none;
    transition: opacity 500ms;
}

.applied-science-gradient {
    background: linear-gradient(to bottom, rgba(56, 122, 58, 0) 0%, rgba(56, 122, 58, 0) 80%, rgba(56, 122, 58, 0.8) 80%, rgba(56, 122, 58, 0.8) 100%);
}

.engineering-gradient {
    background: linear-gradient(to bottom, rgba(162, 144, 96, 0) 0%, rgba(162, 144, 96, 0) 76.5%, rgba(162, 144, 96, 0.8) 76.5%, rgba(162, 144, 96, 0.8) 100%);
}

.business-gradient {
    background: linear-gradient(to bottom, rgba(240, 200, 89, 0) 0%, rgba(240, 200, 89, 0) 75%, rgba(240, 200, 89, 0.8) 75%, rgba(240, 200, 89, 0.8) 100%);
}

.aviation-gradient {
    background: linear-gradient(to bottom, rgba(37, 65, 102, 0) 0%, rgba(37, 65, 102, 0) 75%, rgba(37, 65, 102, 0.8) 75%, rgba(37, 65, 102, 0.8) 100%);
}

.space-gradient {
    background: linear-gradient(to bottom, rgba(54, 56, 100, 0) 0%, rgba(42, 62, 101, 0) 76%, rgba(42, 62, 101, 0.8) 76%, rgba(37, 65, 102, 0.8) 100%);
}

.safety-security-gradient {
    background: linear-gradient(to bottom, rgba(58, 112, 205, 0) 0%, rgba(58, 112, 205, 0) 60%, rgba(58, 112, 205, 0.8) 60%, rgba(58, 112, 205, 0.8) 100%);
}

.computers-technology-gradient {
    background: linear-gradient(to bottom, rgba(209, 115, 57, 0) 0%, rgba(209, 115, 57, 0) 70%, rgba(209, 115, 57, 0.8) 70%, rgba(209, 115, 57, 0.8) 100%);
}

.quoted, .quoted-white {
    quotes: "\201C""\201D";
}

.quoted-white:before {
    content: open-quote;
    font-size: 100px;
    line-height: 66px;
    color: #fff;
    font-weight: bold;
    position: relative;
    bottom: -40px;
}

blockquote {
    font-family: 'Oswald', sans-serif;
    border-left: 5px solid #254367;
    margin-right: 0 !important;
    font-style: normal;
    color: white;
    font-weight: normal;
    padding: 10px 20px;
}

blockquote:before {
    content: no-open-quote;
}

blockquote:after {
    content: no-close-quote;
}

blockquote.no-leftbar {
    border-left: none;
    margin-left: 5px !important;
    margin-right: 5px !important;
    padding: 0;
}

.spotlight-expand-image {
    width: 29.5% !important;
}
.quoted,.quoted-white { quotes: "\201C""\201D"; }
.quoted-white:before {content:open-quote; font-size: 100px; line-height: 66px; color: #fff; font-weight:bold; font-family: Helvetica, Arial, sans-serif; position: relative; bottom: -40px;}
.alumni-margin {
  margin-top:355px;
}
blockquote {
  font-family: 'Oswald', sans-serif;
  border-left: 5px solid #254367;
  margin-right: 0 !important;
font-style:normal;
color:white;
font-weight:normal;

padding: 10px 20px;
}
blockquote:before {
content: no-open-quote;
}
blockquote:after {
content: no-close-quote;
}
blockquote.no-leftbar {
  border-left: none;
  margin-left: 5px !important;
  margin-right: 5px !important;
  padding: 0;
}
blockquote footer {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-align: right;
  color: #555555;
}
.spotlight-expand-image {
  width: 29.5%!important;
}

		
@media only screen and (min-width: 480px) {
  .spotlight-expand-image {
    width: 29.87%!important;
  } 

}
@media (min-width: 640px) {
  .spotlight-expand-image {
    width:30.0%!important;
  }
}
@media only screen and (max-width: 850px) and (min-width: 768px) {
  .quoted-white:before {font-size: 70px; bottom: -15px;}
  .alumni-margin {
    margin-top:205px;
  }
  .spotlight-expand-image {
    width:29.87%!important;
  }
}
@media only screen and (max-width: 1024px) and (min-width: 850px) {
  .quoted-white:before {font-size: 70px; bottom: -30px;}
  .alumni-margin {
    margin-top:275px;
  }

}
@media only screen and (min-width: 1025px) {
  .alumni-margin {
    margin-top:325px!important;
  }
  
}
@media only screen and (max-width: 480px) {
    .spotlight-expand-image {
        width: 100% !important;
    }
  
}

@media only screen and (min-width: 480px) and (max-width: 768px) {
    .spotlight-expand-image {
        width: 45% !important;
    }

  
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .spotlight-expand-image {
        width: 35% !important;
    }

}

@media only screen and (min-width: 1025px) {
    .spotlight-expand-image {
        width: 29.5% !important;
    }

}
.applied-science-padding {
    padding-top: 101%;
}

.aviation-padding {
    padding-top: 79%;
}

.business-padding {
    padding-top: 79%;
}

.computers-padding {
    padding-top: 91%;
}

.engineering-padding {
    padding-top: 85%;
}

.safety-padding {
    padding-top: 60%;
}

.space-padding {
    padding-top: 84%;
}
.text-shadows {
		text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
	}

	.tri:after, .tri1:after {
		font-family: 'Glyphicons Halflings';
		content: "\e114";
		float: right;
		-moz-transition: -moz-transform .3s;
		-webkit-transition: -webkit-transform .3s;
		-o-transition: -o-transform .3s;
		transition: transform .3s;
	}
	/*placing text over images on hover*/
	ul.img-list {
		list-style-type: none;
		margin: 0;
		padding: 0;
		width: 100%;
	}

		ul.img-list li {
			display: inline-block;
			height: 100%;
			margin: 0px;
			padding: 0px;
			position: relative;
			width: 100%;
			bottom: 0;
		}

	span.text-content span {
		text-align: center;
		vertical-align: middle;
	}

	span.text-content {
		background: rgba(163,145,97,0.7);
		color: white;
		cursor: default;
		height: 100%;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
		opacity: 0;
		filter: Alpha(opacity=0);
		padding: 20px;
		display: none;
		-webkit-transition: opacity 500ms;
		-moz-transition: opacity 500ms;
		-o-transition: opacity 500ms;
		transition: opacity 500ms;
	}

	ul.img-list li:hover span.text-content {
		opacity: 1;
		filter: Alpha(opacity=100);
	}

	.show-text:hover {
		opacity: 0;
		filter: Alpha(opacity=0);
	}

	.show-text {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		padding: 20px;
		color: white;
		display: none;
		-webkit-transition: opacity 500ms;
		-moz-transition: opacity 500ms;
		-o-transition: opacity 500ms;
		transition: opacity 500ms;
	}

	.show-text-campuses:hover {
		opacity: 0;
		filter: Alpha(opacity=0);
	}

	.show-text-campuses {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		padding: 13px;
		color: white;
		display: none;
		-webkit-transition: opacity 500ms;
		-moz-transition: opacity 500ms;
		-o-transition: opacity 500ms;
		transition: opacity 500ms;
		bottom: 0;
	}

	.color-image {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		padding: 20px;
		color: white;
		display: block;
	}
	/*end text hover*/

	@media only screen and (min-width: 480px) {
		.db-campus-padding {
			padding-top: 215%
		}

		.pr-campus-padding {
			padding-top: 215%;
		}

		.ww-campus-padding {
			padding-top: 211%;
		}

		.db-learn-padding {
			padding-top: 125% !important;
		}

		.pr-learn-padding {
			padding-top: 141% !important;
		}

		.ww-learn-padding {
			padding-top: 160% !important;
		}
	}

	@media only screen and (min-width: 768px) {
		span.text-content {
			display: block;
			line-height: 1.1;
		}
		/*end hover*/
		.show-text {
			display: block;
			line-height: 1.1;
		}

		.show-text-campuses {
			display: block;
			line-height: 1.1;
		}
	}

	@media only screen and (min-width: 850px) {
		.db-campus-padding {
			padding-top: 260%;
		}

		.pr-campus-padding {
			padding-top: 260%;
		}

		.ww-campus-padding {
			padding-top: 260%;
		}

		.db-learn-padding {
			padding-top: 188% !important;
		}

		.pr-learn-padding {
			padding-top: 206% !important;
		}

		.ww-learn-padding {
			padding-top: 207% !important;
		}
	}

	@media (min-width: 992px) { /* 1200px */
		span.text-content {
			display: block;
			line-height: 1.6;
		}

		.show-text {
			display: block;
			line-height: 1.6;
		}

		.show-text-campuses {
			display: block;
			line-height: normal;
		}
	}
	.applied-science-padding {
	padding-top: 89%;
}
.aviation-padding {
	padding-top: 79%;
}
.business-padding {
	padding-top: 79%;
}
.computers-padding {
	padding-top: 84%;
}
.engineering-padding {
	padding-top: 80%;
}
.safety-padding {
	padding-top: 60%;
}
.space-padding {
	padding-top: 86%;
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
.applied-science-padding {
	padding-top: 103%;
}
.aviation-padding {
	padding-top: 81%;
}
.business-padding {
	padding-top: 81%;
}
.computers-padding {
	padding-top: 100%;
}
.engineering-padding {
	padding-top: 92%;
}
.safety-padding {
	padding-top: 64%;
}
.space-padding {
	padding-top: 86%;
}
}
.applied-science-gradient {
background: rgba(56,122,58,0);
background: -moz-linear-gradient(top, rgba(56,122,58,0) 0%, rgba(56,122,58,0) 80.0%, rgba(56,122,58,0.8) 80%, rgba(56,122,58,0.8) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(56,122,58,0)), color-stop(80.0%, rgba(56,122,58,0)), color-stop(80%, rgba(56,122,58,0.8)), color-stop(100%, rgba(56,122,58,0.8)));
background: -webkit-linear-gradient(top, rgba(56,122,58,0) 0%, rgba(56,122,58,0) 80.0%, rgba(56,122,58,0.8) 80%, rgba(56,122,58,0.8) 100%);
background: -o-linear-gradient(top, rgba(56,122,58,0) 0%, rgba(56,122,58,0) 80.0%, rgba(56,122,58,0.8) 80%, rgba(56,122,58,0.8) 100%);
background: -ms-linear-gradient(top, rgba(56,122,58,0) 0%, rgba(56,122,58,0) 80.0%, rgba(56,122,58,0.8) 80%, rgba(56,122,58,0.8) 100%);
background: linear-gradient(to bottom, rgba(56,122,58,0) 0%, rgba(56,122,58,0) 80.0%, rgba(56,122,58,0.8) 80%, rgba(56,122,58,0.8) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#387a3a', endColorstr='#387a3a', GradientType=0 );
}
.engineering-gradient {
background: rgba(162,144,96,0);
background: -moz-linear-gradient(top, rgba(162,144,96,0) 0%, rgba(162,144,96,0) 76.5%, rgba(162,144,96,0.8) 76.5%, rgba(162,144,96,0.8) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(162,144,96,0)), color-stop(76.5%, rgba(162,144,96,0)), color-stop(76.5%, rgba(162,144,96,0.8)), color-stop(100%, rgba(162,144,96,0.8)));
background: -webkit-linear-gradient(top, rgba(162,144,96,0) 0%, rgba(162,144,96,0) 76.5%, rgba(162,144,96,0.8) 76.5%, rgba(162,144,96,0.8) 100%);
background: -o-linear-gradient(top, rgba(162,144,96,0) 0%, rgba(162,144,96,0) 76.5%, rgba(162,144,96,0.8) 76.5%, rgba(162,144,96,0.8) 100%);
background: -ms-linear-gradient(top, rgba(162,144,96,0) 0%, rgba(162,144,96,0) 76.5%, rgba(162,144,96,0.8) 76.5%, rgba(162,144,96,0.8) 100%);
background: linear-gradient(to bottom, rgba(162,144,96,0) 0%, rgba(162,144,96,0) 76.5%, rgba(162,144,96,0.8) 76.5%, rgba(162,144,96,0.8) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a29060', endColorstr='#a29060', GradientType=0 );
}
.business-gradient {
background: rgba(240,200,89,0);
background: -moz-linear-gradient(top, rgba(240,200,89,0) 0%, rgba(240,200,89,0) 75.0%, rgba(240,200,89,0.8) 75%, rgba(240,200,89,0.8) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(240,200,89,0)), color-stop(75.0%, rgba(240,200,89,0)), color-stop(75%, rgba(240,200,89,0.8)), color-stop(100%, rgba(240,200,89,0.8)));
background: -webkit-linear-gradient(top, rgba(240,200,89,0) 0%, rgba(240,200,89,0) 75.0%, rgba(240,200,89,0.8) 75%, rgba(240,200,89,0.8) 100%);
background: -o-linear-gradient(top, rgba(240,200,89,0) 0%, rgba(240,200,89,0) 75.0%, rgba(240,200,89,0.8) 75%, rgba(240,200,89,0.8) 100%);
background: -ms-linear-gradient(top, rgba(240,200,89,0) 0%, rgba(240,200,89,0) 75.0%, rgba(240,200,89,0.8) 75%, rgba(240,200,89,0.8) 100%);
background: linear-gradient(to bottom, rgba(240,200,89,0) 0%, rgba(240,200,89,0) 75.0%, rgba(240,200,89,0.8) 75%, rgba(240,200,89,0.8) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0c859', endColorstr='#f0c859', GradientType=0 );
}
.aviation-gradient {
background: rgba(37,65,102,0);
background: -moz-linear-gradient(top, rgba(37,65,102,0) 0%, rgba(37,65,102,0) 75.0%, rgba(37,65,102,0.8) 75%, rgba(37,65,102,0.8) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(37,65,102,0)), color-stop(75.0%, rgba(37,65,102,0)), color-stop(75%, rgba(37,65,102,0.8)), color-stop(100%, rgba(37,65,102,0.8)));
background: -webkit-linear-gradient(top, rgba(37,65,102,0) 0%, rgba(37,65,102,0) 75.0%, rgba(37,65,102,0.8) 75%, rgba(37,65,102,0.8) 100%);
background: -o-linear-gradient(top, rgba(37,65,102,0) 0%, rgba(37,65,102,0) 75.0%, rgba(37,65,102,0.8) 75%, rgba(37,65,102,0.8) 100%);
background: -ms-linear-gradient(top, rgba(37,65,102,0) 0%, rgba(37,65,102,0) 75.0%, rgba(37,65,102,0.8) 75%, rgba(37,65,102,0.8) 100%);
background: linear-gradient(to bottom, rgba(37,65,102,0) 0%, rgba(37,65,102,0) 75.0%, rgba(37,65,102,0.8) 75%, rgba(37,65,102,0.8) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#254166', endColorstr='#254166', GradientType=0 );
}
.space-gradient {
background: rgba(54,56,100,0);
background: -moz-linear-gradient(top, rgba(54,56,100,0) 0%, rgba(42,62,101,0) 76%, rgba(42,62,101,0.8) 76%, rgba(37,65,102,0.8) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(54,56,100,0)), color-stop(76%, rgba(42,62,101,0)), color-stop(76%, rgba(42,62,101,0.8)), color-stop(100%, rgba(37,65,102,0.8)));
background: -webkit-linear-gradient(top, rgba(54,56,100,0) 0%, rgba(42,62,101,0) 76%, rgba(42,62,101,0.8) 76%, rgba(37,65,102,0.8) 100%);
background: -o-linear-gradient(top, rgba(54,56,100,0) 0%, rgba(42,62,101,0) 76%, rgba(42,62,101,0.8) 76%, rgba(37,65,102,0.8) 100%);
background: -ms-linear-gradient(top, rgba(54,56,100,0) 0%, rgba(42,62,101,0) 76%, rgba(42,62,101,0.8) 76%, rgba(37,65,102,0.8) 100%);
background: linear-gradient(to bottom, rgba(54,56,100,0) 0%, rgba(42,62,101,0) 76%, rgba(42,62,101,0.8) 76%, rgba(37,65,102,0.8) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#363864', endColorstr='#254166', GradientType=0 );
}
.safety-security-gradient {
background: rgba(58,112,205,0);
background: -moz-linear-gradient(top, rgba(58,112,205,0) 0%, rgba(58,112,205,0) 60%, rgba(58,112,205,0.8) 60%, rgba(58,112,205,0.8) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(58,112,205,0)), color-stop(60%, rgba(58,112,205,0)), color-stop(60%, rgba(58,112,205,0.8)), color-stop(100%, rgba(58,112,205,0.8)));
background: -webkit-linear-gradient(top, rgba(58,112,205,0) 0%, rgba(58,112,205,0) 60%, rgba(58,112,205,0.8) 60%, rgba(58,112,205,0.8) 100%);
background: -o-linear-gradient(top, rgba(58,112,205,0) 0%, rgba(58,112,205,0) 60%, rgba(58,112,205,0.8) 60%, rgba(58,112,205,0.8) 100%);
background: -ms-linear-gradient(top, rgba(58,112,205,0) 0%, rgba(58,112,205,0) 60%, rgba(58,112,205,0.8) 60%, rgba(58,112,205,0.8) 100%);
background: linear-gradient(to bottom, rgba(58,112,205,0) 0%, rgba(58,112,205,0) 60%, rgba(58,112,205,0.8) 60%, rgba(58,112,205,0.8) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a60cd', endColorstr='#3a60cd', GradientType=0 );
}
.computers-technology-gradient {
background: rgba(209,115,57,0);
background: -moz-linear-gradient(top, rgba(209,115,57,0) 0%, rgba(209,115,57,0) 70%, rgba(209,115,57,0.8) 70%, rgba(209,115,57,0.8) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(209,115,57,0)), color-stop(70%, rgba(209,115,57,0)), color-stop(70%, rgba(209,115,57,0.8)), color-stop(100%, rgba(209,115,57,0.8)));
background: -webkit-linear-gradient(top, rgba(209,115,57,0) 0%, rgba(209,115,57,0) 70%, rgba(209,115,57,0.8) 70%, rgba(209,115,57,0.8) 100%);
background: -o-linear-gradient(top, rgba(209,115,57,0) 0%, rgba(209,115,57,0) 70%, rgba(209,115,57,0.8) 70%, rgba(209,115,57,0.8) 100%);
background: -ms-linear-gradient(top, rgba(209,115,57,0) 0%, rgba(209,115,57,0) 70%, rgba(209,115,57,0.8) 70%, rgba(209,115,57,0.8) 100%);
background: linear-gradient(to bottom, rgba(209,115,57,0) 0%, rgba(209,115,57,0) 70%, rgba(209,115,57,0.8) 70%, rgba(209,115,57,0.8) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d17339', endColorstr='#d17339', GradientType=0 );
}
#img-row {
    display: flex;
    gap: 10px;
    margin-top: 10px;
    justify-content: center;
    align-items: center;
}

/* Large image styles */
.large-img {
    flex: 3.5;
}

.large-img img {
    width: 100%;
    height: auto;
    max-width: 700px;
}

/* Small stacked images */
.small-imgs {
    flex: 3;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.small-imgs img {
    width: 100%;
    height: auto;
    max-width: 450px;
}

/* 🔹 Make It Responsive */
@media (max-width: 992px) {
    #img-row {
        flex-direction: column;
        align-items: center;
    }

    .large-img, .small-imgs {
        flex: none;
        width: 100%;
        text-align: center;
    }

    .large-img img, .small-imgs img {
        max-width: 100%;
    }
}

@media (max-width: 999px) {
    div {
        padding: 0 0%;
    }
	
	.center-img {
		display: block;
		margin-left:15%;
		margin-top: 15%;
	}
	
}
@media (min-width: 1024px) and (max-width: 1279px)  {
        span.text-content {
        font-size: 14px;
    }
        .show-text {
        font-size: 14px;
    }
}
@media (min-width: 240px) and (max-width: 599px)  {
    div#University-Archives h2
 {
    font-weight: 600;
}
div#What-Can-You-Learn .col-sm-6 ul li img {
    display: none;
}
div#University-Archives img {
    width: 100%;
    margin-top: 7%;
}
div#What-Can-You-Learn ul li {
    margin-bottom: 10px;
}
div#What-Can-You-Learn ul {
    padding: 0;
            margin-top: 8%;
}
    div#Learning-from-Leaders-Page-Section img {
        width: 100%;
    }
    div#Learning-from-Leaders-Page-Section li {
    width: 100% !important;
    margin-bottom: 7%;
}
ul.list-unstyled li {
    display: block;
    width: 100%;
}
ul.img-list li{
    margin-top: 0px !important;
}
.alumni-spotlight3{
    position: relative !important;
}
.alumni-margin {
    margin-top: auto !important;
}
ul.img-list img {
    width: 100% !important;
    margin-bottom: 5% !important;
    margin-top: 7% !important;
}
}