/* Styles for night-watertower section  background section*/		
main section.nightwatertower-section {
	background-image: url('/welcome-to-ypsilanti/images/adobestock-317975536-blur-1920x1080.jpg');
	padding-top: 2em;
	padding-bottom: 2em;
	display: block;
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-size: cover;
	color: #fff;
}
section.nightwatertower-section .centered-content{
	padding: 9em 4em;
}
section.nightwatertower-section a:hover {
	color: #d4d1c9 !important;
	text-decoration: underline;
}
section.nightwatertower-section a {
	color: white;
	text-decoration: underline;
}

@media screen and (max-width: 39.9375em) {
	section.nightwatertower-section .centered-content{
		padding: 2.5em 2em;
	}
}
/* End of styles for night-watertower section  background section*/

/* styles for black background section */
section.black-section{
	background-color: black;
	color: white;
	padding-top: 4em;
	padding-bottom: 4em;
}
.black-section .purple-text{
	color: #84329b;
}
.black-section .orange-text{
	color: #ed8b00;
}
.black-section .blue-text{
	color: #00a9e0;
}
section.black-section a:hover {
	color: #d4d1c9 !important;
	text-decoration: underline;
}
section.black-section a {
	color: white;
	text-decoration: underline;
}

/* End of styles for black background section */

/* styles for custom neon background section */
section.custom-neongreen {
	display: block;
	background-color: #65B927;
	color: white !important;
	padding: 0 0;
}

section.custom-neongreen > div.row > div:first-child {
	height: 523px;
	background-size: cover;
	background-image: url(/welcome-to-ypsilanti/images/scenery-ypsi.png);
}
section.custom-neongreen .button.hollow {
	border: 3px solid white;
    color: white;
	text-transform: uppercase;
}
section.custom-neongreen .external-link::after {
    color: #fff;
}
section.custom-neongreen .centered-content{
	padding: 8.5em 4em;
}
section.custom-neongreen .centered-content h2 + p > a:hover{
	color: #d4d1c9 !important;
	text-decoration: underline;
}
section.custom-neongreen .centered-content h2 + p > a {
	color: white;
	text-decoration: underline;
}
@media screen and (max-width: 39.9375em) {
	section.custom-neongreen .centered-content{
		padding: 2.5em 2em;
	}
}
@media screen and (min-width:40em) and (max-width: 63.9375em){
	section.custom-neongreen .centered-content{
		padding: 3.5em 3em;
	}
}
@media screen and (min-width:64em) and (max-width: 89.875em){
	section.custom-neongreen .centered-content{
		padding: 6em 4em;
	}
}

/* End of styles for custom neon background section*/

/* Styles for splash image background section*/
section.white-section > div.row > div:first-child{
	height: 607px;
	background-size: cover;
	background-image: url(/welcome-to-ypsilanti/images/green-splash.png);
}

main section.white-section {
    padding: 0;
}

main section.white-section h1 {
	color: white !important;
	/*font-size: 5rem;*/
	font-weight: 900;
	text-transform: uppercase;
	line-height: 1.7em;
	padding-top: 15rem;
}
main section.white-section .big-font{
	font-size: 7.7em;
}
section.white-section .centered-content-1{
	padding: 11em 9em;
}
section.white-section .centered-content-2{
	padding: 5em 4em 5em 2em;
}
section.white-section .centered-content-2 p > a{
		text-decoration: underline;		
}
@media screen and (max-width: 39.9375em) {
	section.white-section > div.row > div:first-child{
		height: 412px;
		background-size: cover;
		background-image: url(/welcome-to-ypsilanti/images/green-splash.png);
	}
	main section.white-section h1 {
		color: white !important;
		/*font-size: 43px;*/
		font-weight: 900;
		text-transform: uppercase;
		line-height: 1.3em;
		padding-top: 10.5rem;
	}	
	main section.white-section .big-font{
		font-size: 5.8em;
	}
	section.white-section .centered-content-1{
		padding: 5em 2em;
	}
	section.white-section .centered-content-2{
		padding: 2.5em 2em;
	}
	
}
@media screen and (min-width: 64em) and (max-width: 82.75em) {
	section.white-section .centered-content-2{
		padding: 2em;
	}
}

/* ABOUT YPSI heading styles */
@media screen and (min-width: 1325px){
	main section.white-section h1{
		padding-left: 4rem;
	}
}
@media screen and (min-width: 1180px) and (max-width: 1324px){
	main section.white-section h1{
		padding-left: 2rem;
	}
}
@media screen and (min-width: 1106px){
	main section.white-section h1 span#line-1, main section.white-section h1 span#line-3 {
		font-size: 3.5rem;
	}
	main section.white-section h1 span#line-3 {
		line-height:0.3em;
	}
	main section.white-section h1 span#line-2{
		font-size: 5.5rem;
	}
}
@media screen and (min-width: 640px) and (max-width:1105px){
	main section.white-section h1 span#line-1, main section.white-section h1 span#line-3 {
		font-size: 3rem;
	}
	main section.white-section h1 span#line-3{
		line-height: 0.3em;
	}
	main section.white-section h1 span#line-2{
		font-size: 5rem;
		line-height: 0.6em;
	}
	main section.white-section h1{
		padding-left:2rem;
	}
	
}
/*@media screen and (min-width: 448px) and (max-width:639px){
	main section.white-section h1 span#line-1, main section.white-section h1 span#line-3 {
		font-size: 2.5rem;
	}
	main section.white-section h1 span#line-2{
		font-size: 4.5rem;
		line-height: 0.7em;
	}
}*/
@media screen and (min-width: 345px) and (max-width:639px){
	main section.white-section h1 span#line-1, main section.white-section h1 span#line-3 {
		font-size: 2.3rem;
	}
	main section.white-section h1 span#line-2{
		font-size: 3.4rem;
		line-height: 0.8em;
	}
	main section.white-section h1{
		padding-left:1.8rem;
	}	
}

/*
@media screen and (min-width: 390px) and (max-width:448px){
	main section.white-section h1{
		padding-left: 1.9rem;
	}
}
@media screen and (min-width: 360px) and (max-width:390px){
	main section.white-section h1{
		padding-left: 1rem;
	}
}*/
/*
@media screen and (min-width: 1496px){
	main section.white-section h1{
		font-size: 5.2rem;
	}
}
@media screen and (min-width: 1438px) and (max-width: 1495px) {
	main section.white-section h1{
		font-size: 5rem;
	}
}
@media screen and (min-width: 1382px) and (max-width: 1438px) {
	main section.white-section h1{
		font-size: 4.8rem;
	}
}
@media screen and (min-width: 1326px) and (max-width: 1382px) {
	main section.white-section h1{
		font-size: 4.6rem;
	}
}
@media screen and (min-width: 1271px) and (max-width: 1326px) {
	main section.white-section h1{
		font-size: 4.4rem;
	}
}
@media screen and (min-width: 1216px) and (max-width: 1271px) {
	main section.white-section h1{
		font-size: 4.2rem;
	}
}
@media screen and (min-width: 1162px) and (max-width: 1216px) {
	main section.white-section h1{
		font-size: 4.2rem;
	}
}*/
/* End of ABOUT YPSI heading styles */
/* End of styles for splash image background section*/

/* styles for green splash image background */
main section.greensplash-section {
	background-image: url('/welcome-to-ypsilanti/images/green-splash-background-expanded.jpg');
	display: block;
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-size: cover;
}
main section.greensplash-section h1 {
	color: white !important;
	font-size: 100px;
	font-weight: 900;
	text-transform: uppercase;
	line-height: .8em;
}
section.greensplash-section .centered-content-1{
	padding: 11em 9em;
}
section.greensplash-section .centered-content-2{
	padding: 5em 4em 5em 2em;
}
/* End of styles for green splash image background */
h2 {
	text-transform: uppercase;
	font-size: 1.8rem;
	font-weight: 900;
}

.pull-quote p {
	text-transform: uppercase;
	font-size: 1.8rem;
	font-weight: 900;
}
@media screen and (max-width: 39.9375em) {
	.pull-quote{
		float: left;
	}
}
div.brand > div#site-title,
div.brand > div.sticky-container {
	display: none;
}

header #banner-space.no-nav, header #front-banner-image.no-nav {
	margin-top: 0;
}
	
header #front-banner-image.secondary .column .front-text-box.subfront, header #front-banner-image.secondary .columns .front-text-box.subfront {
    bottom: 5%;
    /*text-shadow: 10px 10px 5px rgba(0, 0, 6, 0.3);*/
}
header #front-banner-image.secondary:after {
    background-image: linear-gradient(to bottom, transparent 26%, #000 110%);
    opacity: .5;
}
header #front-banner-image.secondary .columns .front-text-box.subfront h1 #over-banner-heading-line-4{
	position: relative;
	top:-8px !important;
}