nav a:not(.selected):not(:hover) {
	text-shadow: black 0 0 24px;
}

div.background-special {
	position: relative;
	z-index: -100;

	min-height: 780px;

	background-position: center;
	background-size: 2000px auto;
	
	background-repeat: no-repeat;
}

.slide-1 {
	background-image: url("alpha.jpeg");
}

.slide-1 h3 {
	transform: translate(-50%, -50%) translate(-66%, 406%);
}

.slide-2 {
	background-image: url("boardwalk.jpeg");
}

.slide-2 h3 {
	color: black;
	transform: translate(-50%,-50%) translate(-61%, -229%);
}

.slide-3 {
	background-image: url("props.jpeg");
}

.slide-3 h3 {
	transform: translate(-50%,-50%) translate(57%, -80%);
}

.slide-4 {
	background-image: url("confrontation.jpeg");
}

.slide-4 h3 {
	text-wrap: balance;
	width: 24em;
	transform: translate(-50%,-50%) translate(86%, -239%);
}

h3.center {
	position: absolute;
	font-size: 22.5px;
	top: 50%;
	left: 50%;
	/* transform: translate(-50%, -50%); */
}

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

	div.background-special {
		min-height: 640px;
		background-size: 1600px auto;
	}

	h3.center {
		font-size: 17px;
	}

}

@media screen and (max-width: 1070px) {
	div.background-special {
		min-height: 480px;
		background-size: 1200px auto;
	}

	h3.center {
		font-size: 12.75px;
	}
}


@media screen and (max-width: 800px) {
	h3.center {
		font-size: 17px;
		
		transform: translate(-50%,-50%);
		width: 300px;
		text-align: center;
		text-wrap: balance;
		margin: 0;
	}

	div.background-special {
		min-height: 440px;
		background-size: 1100px auto;
	}

	div.background-special.slide-2 {
		background-position-x: calc(50vw - 699px);
	}

	.slide-2 h3 {
		transform: translate(-50%, -50%) translate(0,207%);
		color: white;
	}

	div.background-special.slide-3 {
		background-position-x: calc(50vw - 416px);
	}

	div.background-special.slide-4 {
		background-position-x: calc(50vw - 518px);
	}

	.slide-4 h3 {
		transform: translate(-50%, -50%) translate(0,120%);
	}
}