main {
	padding-top:65vh;
}

	h1,
	h2.alt_head {
		font-size:4vw;
		margin-bottom:0.5em;
		width:100%;
	}

	main .text {
		padding-left:37.5%;
	}

.two-col {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap:5%;
}

	.about .text {
		align-self: center;
		text-align: left;
	}

.block {
	display:grid;
	grid-template-columns: 37.5fr 62.5fr;
	grid-gap:3em;
	margin-bottom:5em;
}

	.block .text {
		width:100%;
		padding:0;
	}

	.block .img img {
		width:100%;
		border-radius:100%;
	}

.pager-nav,
.pager-nav ul{
	float:left;
	Clear:left;
	width:100%;
	text-align: center;
	padding:0;
	margin:0;
}

.pager-nav {
	margin-bottom:5%;
}

	.pager-nav ul li {
		display:inline-block;
		padding:0;
		margin:0;
	}
	
		main .pager-nav ul li a {
			display:block;
			border:1px solid #fff;
			border-radius:10em;
			padding:0.5em 1em;
			color:#fff;
			text-decoration: none;
			margin:0.25em;
		}
		
			main .pager-nav ul li a:hover,
			main .pager-nav ul li.active a{
				background-color:var(--red);
			}

.gallery {
	display:grid;
	grid-template-columns: repeat(5,1fr);
	grid-gap:1em;
	margin-bottom:5em;
}

.gallery a {
	overflow: hidden;
	background-color:#fff;
	position:relative;
}

	.gallery a img {
		display:block;
		width:100%;
		transition:all 0.25s ease-in-out;
	}
	
	.gallery a:hover img {
		opacity:0.8;
	}

.videos {
	margin-bottom:10%;
	display:grid;
	grid-template-columns: 1fr;
	grid-gap:5%;
}

	.videos.multi {
		grid-template-columns: 1fr 1fr;
	}

	.videos h2 {
		font-size:5.5em;
		font-weight: 300;
		color:var(--red);
		margin-bottom:0.5em;
		width:100%;
		text-align:center;
		line-height: 1;
	}

	video {
		float:left;
		clear:left;
		width:100%;
		margin-bottom:2.5em;
	}
	
	.backto {
		float:left;
		display:inline;
		font-size:1.2em;
		color:#000;
		background-color:var(--lred);
		padding:0.2em 1em 0.15em;
		border-radius:100em;
		margin-bottom:0.5em;
		text-decoration: none;
	}

		.backto:hover {
			background-color:#fff;
		}




@media screen and (max-width:1199px) {

	.venue {
		margin:0 0 0.75em 0;
		width:100%;
	}
}

@media screen and (max-width:1099px) {

}

@media screen and (max-width:999px) {

	@keyframes slide_in {
		0% {
			left:110%;
		}
		100% {
			left:4%;
		}
	}

	.videos {
		display:block;
	}

		.TextformatterVideoEmbed {
			margin-bottom:5em;
		}

	.gallery {
		grid-template-columns: repeat(4,1fr);
		grid-gap:1em;
	}

	h1,
	h2.alt_head {
		font-size: 4em;
	}

	.main {
		width:calc(85vw - (100vh / 5.6));
	}

	main h2.show-type-title {
		font-size: 2.5em;
	}
}


@media screen and (max-width:849px) {
	.venue .contact-info {
		clear:left;
		margin:0;
		font-size:1em;
	}

	.about .two-col {
		grid-template-columns: 1fr;
		margin-bottom:10%;
	}
}

@media screen and (max-width:699px) {
	.gallery {
		grid-template-columns: repeat(3,1fr);
	}

	.block {
		grid-template-columns: 1fr;
	}
}

@media screen and (max-width:599px) {

	h1 {
		margin-bottom:2em;
	}

	.about .two-col {
		padding:0;
	}
}

@media screen and (max-width:479px) {

    .gallery {
		grid-template-columns: repeat(2,1fr);
	}

	.venue {
		grid-template-columns: 9em 1fr;
		grid-gap:0.5em;
	}

		.venue .buy {
			grid-column: 1/3;
		}

			.venue .buy span {
				width:100%;
			}
}

@media screen and (max-width:459px) {
	main {
		width:100%;
		margin-top:0;
		padding-top:80vh;
	}

		main .text {
			padding-left:0;
		}

		h1 {
			font-size:3.5em;
			padding-right:calc((100vh / 5.6) - 5px);
			margin-bottom:3.5em;
		}
}

@media screen and (max-width:399px) {

	.venue .date {
		font-size:1.1em;
	}

	.venue .location {
		font-size:1.6em;
	}

	.buy a {
		font-size:1em;
	}
}