.header {
    background-image: radial-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.7)), url(../images/StaffCover1.jpg);
    background-position: 50% center;
    background-size: cover;
}

.header span {
    display: block;
}

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

.template-angle picture {
    max-width: 550px;
}

.template-body {
    background-image: linear-gradient(
        174deg, 
        rgba(235, 235, 235, 0.8) 0%, 
        rgba(235, 235, 235, 0.8) 25%, 
        var(--arthurMurrayBlue) 25.08%, 
        var(--arthurMurrayBlue) 100%/*, 
        var(--lightgray) 87%*/
    ), url(../images/FootprintsBackground.svg);
}

.sezione-2 {
    background-image: linear-gradient(
        174deg, 
        var(--arthurMurrayBlue) 0%, 
        var(--arthurMurrayBlue) 35%,
        rgba(235, 235, 235, 1) 35.08%, 
        rgba(235, 235, 235, 1) 100%
    ) !important;
	border: none;
}

.sezione-3 {
    background-image: linear-gradient(
        174deg, 
        rgba(235, 235, 235, 1) 0%, 
        rgba(235, 235, 235, 1) 35%, 
        var(--arthurMurrayBlue) 35.08%, 
        var(--arthurMurrayBlue) 100%
    ) !important;
	border: none;
}

.template-body picture {
	margin-bottom: -1em;
}

.template-angle picture {
	margin: 0 auto;
}

.video-player {
	padding: 0;
	max-width: 500px;
}
	  
@media screen and (min-width: 615px) {
    .header {
        background-position-y: 50%;
    }
    .header span {
        display: inline-block;
    }
    .template-body {
        background-image: linear-gradient(
            174deg, 
            rgba(235, 235, 235, 0.8) 0%, 
            rgba(235, 235, 235, 0.8) 25%, 
            var(--arthurMurrayBlue) 25.08%, 
            var(--arthurMurrayBlue) 100%/*, 
            var(--lightgray) 87%*/
        ), url(../images/FootprintsBackground.svg);
    }
	.sezione-2 {
		background-image: linear-gradient(
			174deg, 
			var(--arthurMurrayBlue) 0%, 
			var(--arthurMurrayBlue) 33%,
			rgba(235, 235, 235, 1) 33.08%, 
			rgba(235, 235, 235, 1) 100% 
		) !important;
	}
	.sezione-3 {
		background-image: linear-gradient(
			174deg, 
			rgba(235, 235, 235, 1) 0%, 
			rgba(235, 235, 235, 1) 30%, 
			var(--arthurMurrayBlue) 30.08%, 
			var(--arthurMurrayBlue) 100%
		) !important;
	}
    .template-body picture {
        margin: 0 auto -1em;
    }
}

@media screen and (min-width: 1000px) {
    .template-body {
        background-image: linear-gradient(
            174deg, 
            rgba(235, 235, 235, 0.8) 0%, 
            rgba(235, 235, 235, 0.8) 40%, 
            var(--arthurMurrayBlue) 40.08%, 
            var(--arthurMurrayBlue) 100%
        ), url(../images/FootprintsBackground.svg);
    }
	.sezione-2 {
		background-image: linear-gradient(
			180deg,  
			var(--arthurMurrayBlue) 0%, 
			var(--arthurMurrayBlue) 47%,
			rgba(235, 235, 235, 1) 47.08%, 
			rgba(235, 235, 235, 1) 100%
		) !important;
	}
	.sezione-3 {
		background-image: linear-gradient(
			174deg, 
			rgba(235, 235, 235, 1) 0%, 
			rgba(235, 235, 235, 1) 45%, 
			var(--arthurMurrayBlue) 45.08%, 
			var(--arthurMurrayBlue) 100%
		) !important;
	}
	.template-body picture{
		align-self: end;
	}
    .template-text-2 {
        margin-top: 6em;
    }
}
