main {
	padding-top:65vh;
    width:75%;
}

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

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

.container {
    container-type: inline-size;
}

.media-type {
    display:Grid;
    grid-template-columns: 1fr 4fr;
    grid-gap:2em;
    margin-bottom:3rem;
}

    .yellow {
        margin: 0;
        font-size: 3em;
        color: var(--yellow);
        font-family: 'Big Shoulders Display', sans-serif;
    }

    .media-type .right {
        display:grid;
        grid-gap:1rem;
    }

    .audio {
        border:1px dotted #fff;
        padding:2rem;
    }

        audio {
            width:100%;
            background-color: var(--yellow);
            padding:0.75rem;
        }

        .audio > h3 {
            font-size:3em;
            font-family: 'Big Shoulders Display', sans-serif;
            margin-bottom:0.5em;
        }

        .audio p {
            font-weight:normal;
        }

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

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

	.gallery a img {
		display:block;
		width:100%;
        height:100%;
        object-fit:cover;
		transition:all 0.25s ease-in-out;
        border-radius:100%;
        aspect-ratio: 1;
        
	}
	
	.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;
	}

@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));
	}

    .audio {
        padding:2rem;
    }
}

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

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

	h1 {
		margin-bottom:2em;
	}

	.media-type {
		margin-left:0;
		padding-left:0;
        padding-right:1rem;
		width:calc(95vw - (100vh / 5.6));
        grid-template-columns: 1fr;
	}

}

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

    .main {
        width:100%;
    }

    .media-type {
        width:100%;
        padding:0;
    }
}

@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;
		}
}