	.masthead-over-image-caption {
		display: block;
		position: absolute;
		top: 3%;
		left: 5%;
		background-color: rgba(0, 0, 0, .5);
		padding: 1rem;
		border-radius: .5rem;
	}
	.masthead-over-image-caption .large-text { 
		color: white;
		font-size: clamp(2rem, 3vw, 3.5rem);
		font-weight: bold;
		letter-spacing: -.037 5rem;
		line-height: 1.5;
		margin: 0;
		padding: 0;
		text-transform: uppercase;
	}

	.masthead-over-image-caption .small-text {
		color: white;
		font-size: clamp(1rem, 2vw, 1.5rem);
		font-weight: bold;
		letter-spacing: -.025rem;
		line-height: 1.5;
		margin: -1rem 0 0 0;
		padding: 0;
		text-transform: uppercase;
	}
	.masthead__caption .row {
		width: 100%;
	}
	.caption {
		padding: 1.5rem 1rem 0 1rem;
		width: 100%;
	}
	.caption .h2 {
		font-size: clamp(1rem, 2.25vw, 2rem);
	}
	.main__content .row {
		width: 100%;
		max-width: 100%;
	}
    .main__content>.row>.column,.main__content>.row>.columns {
        padding: 0;
    }

	.main__content > .row:first-of-type {
		padding-top: 1rem;
	}
	.single-page-app {
		width: 100%;
		max-width: 100%;
		padding: 0;
	}

	.wysiwyg_section {
		padding-top: 0;
		padding-bottom: 0;
		margin: 0;
	}

	.pacbox {
		padding: 4rem 20%;
	}
	.pacbox .theneed img {
		max-height: 30rem;
	}
	@media screen and (max-width: 96em) {
		.pacbox {
			padding: 4rem 10%;
		}
	}
	@media screen and (max-width: 64em) {
		.pacbox {
			padding: 2rem 10%;
		}
	}
	@media screen and (max-width: 48em) {
		.pacbox {
			padding: 2rem 5%;
		}
		.theneed .float-right {
			float: right !important;
			max-width: 50%;
		}
	}
	
	.theneed {
		background-color: #F9F6F1;
		text-align: left;
	}
		.theneed img {
			float: right;
			max-width: 32rem;
			margin-left: 2rem;
		}
		.theneed h2 {
			color: #9a0000; /* #f7c55a*/
			font-size: clamp(1rem, 2vw, 1.5rem);
			font-weight: bold;
			line-height: 1.5;
			margin: 0 0 1rem 0;
			padding: 0;
			text-transform: uppercase;
			/*text outline effect: text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;*/
			
		}
		.theneed h3 {
			color: black;
			font-size: clamp(1.5rem, 3vw, 2.5rem);
			font-weight: bold;
			line-height: 1.5;
			margin: -1rem 0 1rem 0;
			padding: 0;
		}
		.theneed p, .theneed ul li {
			color: black;
			font-size: clamp(1rem, 1.5vw, 1.125rem);
		}

	
	.thevision {
		background-color: #8a0000;
		/*padding-left: 21rem;
		padding-right: 21rem;*/
	}
		.thevision h2 {
			color: #f7c55a;
			font-size: clamp(1rem, 2vw, 1.5rem);
			font-weight: bold;
			line-height: 1.5;
			margin: 0;
			padding: 0;
			text-align: center;
			text-transform: uppercase;
		}
		.thevision h3 {
			color: white;
			font-size: clamp(1.5rem, 3vw, 2.5rem);
			font-weight: bold;
			line-height: 1.5;
			margin: 0 0 1rem 0;
			padding: 0;
			text-align: center;
		}
		.thevision p {
			color: white;
			font-size: clamp(1rem, 1.5vw, 1.25rem);
			text-align: center;
		}

	.pacstats {
		display: flex;
		width: 90%;
		background-color: white;
		margin: 2rem auto;
	}
		.pacstats .pacstat {
			text-align:center;
			color: black;
			flex-basis: 33%;
		}

		.pacstats .pacstat div {
			box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 15px;
			margin: 0 .25rem;
			min-height: 8rem;
			padding: 1rem;
			width: 90%;
		}
		.pacstats .pacstat div span {
			display: block;
			line-height: 1.5;
			text-transform: uppercase;
		}
		.pacstats .pacstat div span:first-child {
			color: #9a0000; /* #f7c55a*/;
			font-size: clamp(1rem, 2vw, 1.75rem);
			font-weight: bold;
			margin-bottom: .25rem;
		}
		.pacstats .pacstat div span:nth-child(2) {
			color: black;
			font-size: clamp(.75rem, 1.125vw, 1rem);
			font-weight: 600;
		}

	.onstage {
		background-color: white;
		text-align: center;

	}
		.onstage h2 {
			color: #9a0000; /* #f7c55a*/;
			font-size: clamp(1rem, 2vw, 1.5rem);
			font-weight: bold;
			margin-bottom: .25rem;
			text-transform: uppercase;
		}
		.onstage h3 {
			color: black;
			font-size: clamp(1.5rem, 3vw, 2.5rem);
			font-weight: bold;
			margin-bottom: 2rem;
		}
		.onstage .images {
			width: 100%;
			display: flex;
		}
		.onstage .images img {
			margin: 0 .25rem;
			max-width: 25%;
			flex-basis: 25%;
		}

	.pacprogs {
		background-color: #F9F6F1;
	}
		.pacprogs h2 {
			color: #9a0000; /* #f7c55a*/
			font-size: clamp(1rem, 2vw, 1.5rem);
			font-weight: bold;
			margin-bottom: .25rem;
			text-align: center;
			text-transform: uppercase;
		}
		.pacprogs h3{
			color: black;
			font-size: clamp(1.5rem, 3vw, 2.5rem);
			font-weight: bold;
			margin-bottom: 2rem;
			text-align: center;
		}
		.pacprogs .boxes {
			display: flex;
			width: 100%;
			text-align: left;
		}
		.pacprogs .boxes .box {
			background-color: white;;
			border: 1px solid gray;
			box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 15px;
			min-height: 5rem;
			flex-basis: 33%;
			margin: 0 .5rem;
			padding: 1rem;
		}
		.pacprogs .boxes .box span {
			display: block;
			line-height: 1.5;
		}
		.pacprogs .boxes .box .progimg {
			width: 4rem;			
		}
		.pacprogs .boxes .box .progtext  {
			color: black;
			font-family: 'Times New Roman', Times, serif;
			font-weight: bold;
			font-size: 1.25rem;
			margin-bottom: .5rem;
		}
		.pacprogs .boxes .box .majtext  {
			color: black;
			font-size: .875rem;
		}
		.pacprogs .boxes .box ul.proglist {
			margin-top: 0;
			margin-bottom: .5rem;
			padding-top: 0;
			padding-bottom: 0;
		}
		.pacprogs .boxes .box ul.proglist>li:before {
        	content: ""
		}		
		.pacprogs .boxes .box ul.proglist>li {
			list-style: url("../_images/gold-square.png");
			font-size: .875rem;

		}

	.moreinfo {
		background-color: white;
	}
	.getintouch {
		padding-bottom: 1rem;
	}
	.formusictheatredance {
		padding-top: 1rem;
	}
		.moreinfo h2 {
			color: #9a0000; /* #f7c55a*/
			font-size: clamp(1rem, 1.75vw, 1.5rem);
			font-weight: bold;
			margin-bottom: .25rem;
			text-align: center;
			text-transform: uppercase;
		}
		.moreinfo h3 {
			color: black;
			font-size: clamp(1.25rem, 2.25vw, 2rem);
			font-weight: bold;
			margin-bottom: 2rem;
			text-align: center;
		}
		.moreinfo h4 {
			color: black;
			font-size: clamp(1.125rem, 2vw, 1.75rem);
			font-weight: bold;
			margin-top: 2rem;
			margin-bottom: 2rem;
			text-align: center;
		}
		.moreinfo .boxes {
			display: flex;
			width: 100%;
		}
		.moreinfo .boxes-2 {
			display: flex;
			width: 50%;
			margin: auto;
			min-width: 24rem;
		}

		.moreinfo .boxes .box {
			min-height: 5rem;
			flex-basis: 25%;
			text-align: center;
			border: 1px solid #e4e4e4;
			border-radius: .5rem;
			margin: .5rem;
			padding: 2rem 1rem;
		}

		.moreinfo .boxes-2 .box {
			flex-basis: 50%;
		}

		.moreinfo .boxes .box span {
			color: black;
			display: block;
			margin-bottom: 1rem;
		}
		.moreinfo .boxes .box .name {
			font-family: 'Times New Roman', Times, serif;
			font-size: clamp(1.125rem, 1.5vw, 1.25rem);
			font-weight: bold;
			margin-bottom: .25rem;
			text-transform: capitalize;
		}
		.moreinfo .boxes .box .title {
			font-size: clamp(.9375rem, 1.25vw, 1rem);
			font-weight: normal;
			text-transform: uppercase;
			padding-left: 0;
			padding-right: 0;
		}
		.moreinfo .boxes-4 .box .title {
			font-size: clamp(.75rem, 1.25vw, .9375rem);
		}

		.moreinfo .boxes .box .email {
			display: block;
			font-size: clamp(.9375rem, 1.25vw, 1rem);
			font-weight: normal;
			color: maroon;	
			text-transform: capitalize;
			margin: 0 auto 1rem auto;
			height: 2rem;
			line-height: 2;
		}
			.moreinfo .boxes .box .email:before {
				content: url(../_images/icon-email.png);
				margin: 1rem .5rem 0 0;
			}
				.moreinfo .boxes .box .email a { 
					text-decoration: none;
					color: #8a0000;
					display: inline-block;
					min-width: 2.75rem;
					height: 2.75rem;
				}
				.moreinfo .boxes .box .email a:hover { 
					text-decoration: none;
					color: #000000;
					text-decoration: underline;					
				}

		.moreinfo .boxes .box .phone {
			display: block;
			font-size: clamp(.9375rem, 1.25vw, 1rem);
			font-weight: normal;
			text-transform: capitalize;
			height: 2rem;
		}
			.moreinfo .boxes .box .phone:before {
				content: url(../_images/icon-phone.png);
				margin: 1rem .5rem 0 0;
			}

	.support {
		background-color: #8a0000;
		text-align: center;
	}
	.support h2 {
		color: white;
		font-family: 'Times New Roman', Times, serif;
		font-size: clamp(1.5rem, 3.5vw, 3rem);
		font-weight: 600;
	}
	.support p {
		color: white;
		font-size: clamp(1rem, 1.5vw, 1.25rem);
	}
	.support p .button-gold {
		background-color: #f7c55a;
		color: black;
		font-weight: 600;
		border: 2px solid #f7C55a;
		border-radius: .25rem;
		margin: auto;
	}
	.support p .button-gold:hover {
		background-color: white;
	}


@media screen and (max-width: 64em) {
	.masthead-over-image-caption {
		top: 1rem;
		left: 5%;
	}
	.masthead-over-image-caption .small-text {
		margin-top: -.5rem;
	}


	.theneed img {
		max-width: 43%;
	}

}
@media screen and (max-width: 48em) {
	
	.theneed img {
		max-width: 50%;
		margin: 3rem 0 0 1rem;
	}
		.pacstats .pacstat div {
			width: 90%;
			min-height: 6rem;
		}

}
@media screen and (max-width: 47.99em) {
	
	.caption {
		padding: 0 .5rem;
		margin: 0;
	}
	.main__content > .row:first-of-type {
		padding-top: 0;
	}
	.theneed img {
		max-width: 100%;
		margin: 1rem auto;
		float: none;
	}

	.thevision p {
		text-align: left;;	
	}


	.pacprogs .boxes .box {
			margin-bottom: 1rem;
		}

	.pacstats {
		width: 100%;
		margin-top: 2rem;
		margin-bottom: 2rem;
	}
		.pacstats .pacstat div span:nth-child(2) {
			color: black;
		}
		.pacstats .pacstat div {
			width: 90%;
			min-height: auto;
		}




}
@media screen and (max-width: 42.5em) {
	.pacprogs .boxes {
		display: block;
	}
	.pacprogs .boxes .box {
		margin: 1rem 10%;
	}
	.moreinfo .boxes {
		display: block;
		width: 100%;
	}

	.onstage .images {
		clear: both;
		width: 100%;
		margin: auto;
		display: flex;
		flex-wrap: wrap;
	}
	.onstage .images img {
		/*margin: auto;
		
		float: left;*/
		padding: 0;
		flex-basis: 50%;
		max-width: 49%;
		margin: .125rem;
	}

}
	
@media screen and (max-width: 30em) {
	.theneed .float-right {
		float: none !important;
		max-width: 75%;
		margin: 1rem auto;
	}
	.onstage .images img {
		max-width: 47%;
		margin: .125rem;
	}

}