.layout-home .row {width: 75%; margin: auto;}
a.whenyouvisit {font-size: 20px; font-weight: 800; text-align: center; border: 1px solid #8f59c8; color: #8f59c8; text-transform: uppercase; width: auto; padding: 20px; margin: 40px auto; display: table; text-decoration: none; background-color: white;}
a.whenyouvisit:hover {color: white; background-color: #8f59c8;}
.whatsupnow { color: white; text-align: center; padding: 0 0 40px 0;}
.whatsupnow h2 {color: white;}
.whats-up-now-content {width: 75%; margin: auto;}
.section-summer-productions {background-color: white; padding: 40px 0; width: 50%; border-right: 1px solid grey;}
.section-community-theatre-productions {background-color: white; padding: 40px 0; width: 50%;}
.section-youth-theatre {background-color: white;}
.section-main-stage {background-color: rgb(237, 235, 238); padding: 40px 0;}
.section-main-stage h2, .section-youth-theatre h2, .section-summer-productions h2, .section-community-theatre-productions h2 {text-align: center; text-transform: uppercase;}
.section-one, .section-two,  .section-three, .section-four, .section-five, .section-six {width: 100%; float: left; padding: 40px 0;}
.section-one {margin: 0; padding: 0; color: white; text-align: center; font-size: 20px; font-weight: 700; }
.section-one .post{width: 85%; margin: auto;}

.section-two { padding: 20px 0 20px 0; 	background: linear-gradient(to right, #003366 33.3%, #0f78ba 33.3%, #0f78ba 66.6%, #A0D3E7 66.6%);}
.section-two h2 {margin: 20px 0 10px 0; color: white !important; font-size: 20px; text-transform: uppercase; font-weight: 700; text-align: center; width: 100%; float: left;}
.section-two ul.columns { list-style-type: none; margin: 0; padding: 0; text-align: center; width: 100%; }
.section-two ul.columns li {width: 31.9%; height: 410px; margin: 0 8px; text-align: center; padding: 0; display: inline-table; position: relative;}

.section-two-columns-content {height: auto;}
.section-two-columns-content a.button {margin: 20px 0;}

.section-two-photo {width: 100%; height: 220px; overflow: hidden; position: relative; display: inline-block; }
.section-two-photo img { width: 100%;
	height: auto;
	display: block;
	margin: auto;
	position: absolute;
	top: 0;
	/* bottom: 0; */
	object-fit: cover;}
.section-two p {margin: 8px auto 0 auto; font-size: 14px; line-height: 18px; color: white;}

.section-three {padding: 0 0 20px 0; color: white;}
.section-three-columns-content { width: 85%; height: auto; margin: auto; text-align: center;}
.section-three-columns {width: 31%; margin: 15px; float: left; /* background-color: white; */ text-align: center; padding: 0 0 20px 0;}
.section-three h2 {margin: 20px 0 10px 0; float: left; width: 100%; font-size: 30px; text-transform: uppercase; font-weight: 700; text-align: center; color: white;}
.section-three-photo {width: 100%; height: auto; float: left; }
.section-three-photo img { width: 100%; height: auto; }


.section-four {padding: 0 0 20px 0; color: white; display: none;}
.section-four h2 {color: white;}

.section-five {padding: 0 0 20px 0; color: white; }
.section-five h2 {text-transform: uppercase;}
	
.three-columns div {width: 32%; float: left; text-align: center; margin: 20px 0 20px 10px;}
.left-column div, .right-column div {width: 85%; margin: auto;}
.thirds {width: 33%; float: left; text-align: center; margin: 0 0 20px 0;}

@media (max-width: 1300px) {
	.section-two ul.columns li {width: 30.9%; }
	.section-two-photo {height: 170px;}
}

@media (max-width: 1000px) {
	.section-two {padding: 0;}
	.section-two ul.columns li {display: table-cell;}
	.section-two-columns-content {width: 90%; margin: auto;}
}

@media (max-width: 700px) {
	.section-two-photo {height: 130px;}
}

@media (max-width: 600px) {
	.section-two {background: #003366;}
	.section-two-photo {height: 250px;}
	.section-two ul.columns li {width: 100%; display: block; height: auto; margin: 0;}
	.section-two ul.columns li:nth-child(n+2) {background: #0f78ba;}
	.section-two ul.columns li:nth-child(n+3) {background: #A0D3E7;}
	.section-summer-productions, .section-community-theatre-productions {width: 100%;}
	.section-summer-productions {border-right: 0px solid; border-bottom: 1px solid grey;}
}

@media (max-width: 500px) {
}

@media (max-width: 400px) {
	.post-entry li {width: 150px;}
}