.header {
    background-image: radial-gradient(rgba(0, 0, 0, .8), rgba(0, 0, 0, .7)), url(../images/tangoCover.jpg);
    background-position: 50% 18%;
}

.template-text-2 p:first-of-type {
    margin-bottom: 3em;
}

.template-text-2 {
    color: var(--offwhite);
    margin-top: 0;
}

.template-body {
        background-image: linear-gradient(
            174deg,
            rgba(235, 235, 235, .8) 0%,
            rgba(235, 235, 235, .8) 35%,
            var(--arthurMurrayBlue) 35.08%,
            var(--arthurMurrayBlue) 87%,
            var(--lightgray) 87.08%
        ), url(../images/FootprintsBackground.svg);
    }

.salsa-playlist {
    background-image: radial-gradient(rgba(0, 0, 0, .7), rgba(0, 0, 0, .6)), url(../images/salsaPlaylistCover.jpg);
    background-size: cover;
    background-position: 12% 55%;
    display: grid;
    grid-template-columns: 1em 1fr 1em;
    padding: 3em 0;
}

.salsa-playlist h2,
.salsa-playlist iframe {
    grid-column: 2 / 3;
}

.margin-bottom {
    margin-bottom: 2em;
}

.salsa-playlist h2 {
    color: var(--offwhite);
    text-align: center;
    margin-bottom: 1em;
}

@media screen and (min-width: 615px) {
	.header {
		background-size: cover;
	}
    .salsa-playlist {
        grid-template-columns: 1fr 600px 1fr;
    }
}

@media screen and (min-width: 1000px) {
    .template-body {
        background-image: linear-gradient(
            174deg,
            rgba(235, 235, 235, .8) 0%,
            rgba(235, 235, 235, .8) 40%,
            var(--arthurMurrayBlue) 40.08%,
            var(--arthurMurrayBlue) 87%
        ), url(../images/FootprintsBackground.svg);
    }

    .template-text-2 {
        margin-top: 4em;
    }

    .salsa-playlist {
        padding: 5em 0;
        background-attachment: fixed;
    }
}