.head_main {
	position: relative;
	overflow-x: clip;
	user-select: none;
	z-index:1;
	margin-bottom:-2.5%;
	display:grid;
	place-items:Center;
}

	.contentbg {
		display:none;
	}

	.home_logo {
		animation-name: pulse;
		animation-duration: 1.25s;
		animation-iteration-count: infinite;
		animation-direction: alternate;
		animation-timing-function: ease-in-out;
		margin-top:-10vw;
		user-select: none;
		padding-inline: 7.5%;
		margin-top:-20vw;
		margin-bottom:-5vw;
		max-height:100vh;
	}

	#starring {
		position: relative;
		float:left;
		clear:left;
		width:50%;
		margin-top:-16%;
		z-index:2;
	}

	.head_main h4 {
		font-size:3em;
		position:absolute;
		top:23%;
		left:5%;
		transform:rotate(-4deg);
		z-index:2;
	}

.quotes {
	clear:both;
	margin-inline:auto;
	width:100%;
	display:grid;
	grid-template-columns: 1fr 1fr;
	grid-gap:30vw;
	margin-top:5vw;
}

.quote {
	position:Relative;
	float:left;
}

	.stars {
		padding:0 7.5%;
		margin-bottom:0.5em;
	}

	.stars img {
		position: relative;
		z-index:2;
		float:left;
		width:20%;
		filter:drop-shadow(0.4rem 0.4rem 0 #000)
	}

	.quote > img {
		position:absolute;
		z-index:2;
		left:50%;
		top:55%;
		transform:translate(-50%,-50%);
		width:80%;
	}

	.quote h3 {
		position: relative;
		z-index:3;
		text-align: center;
		color:#fff;
		text-shadow: 0.1em 0.1em 0 #000;
	}

	#quote1 {
		clear:left;
	}

		#quote1 h3 {
			font-size: 3.5vw;
		}

	#quote2 {

	}

		#quote2 h3 {
			font-size:4vw;
		}

.btns {
	float:right;
	width:65%;
	margin-top:7.5%;
}

	.btns a {
		float:left;
		clear:left;
		font-size:3em;
		font-family: "Bebas Neue", serif;
        color:#fff;
        text-shadow: 0.1em 0.1em 0 var(--pink);
		text-decoration: none;
	}

		#tickets-btn {
			color:#000;
			font-size:7vw;
			margin:0 0 0 0.75em;
			rotate:3deg;
		}

			#tickets-btn:hover,
			#trailer-btn:hover {
				color:var(--green);
			}

		#trailer-btn {
			font-size:4vw;
			transform:rotate(-1deg);
		}

.home > .videos {
	padding:5vw;
}

video {
	float:left;
	clear:left;
	width:100%;
}

.copyright {
	color:#000;
}

@media screen and (max-width:999px){
	.head_main {
		padding:5%;
	}

	.btns {
		margin-right:5%;
		margin-top:0;
		width:55%;
	}

	#tickets-btn {
		margin:0 0 0.25em 0;
		font-size:9vw;
	}

	#trailer-btn {
		font-size:5vw;
	}

	#starring {
		margin-top:0;
		width:100%;
	}
}

@media screen and (max-width:799px){
	.head_main h4 {
		font-size:2.5em;
	}

	.quote {
		width:100%;
	}

	.main {
		min-height:unset;
	}
}

@media screen and (width < 700px){
	.home_logo {
		padding:0;
		margin-top:-14vw;
	}
}

@media screen and (max-width:599px){
	.head_main h4 {
		top:9%;
		max-width:90%;
	}

	.quotes {
		grid-gap:6vw;
	}

	#quote1 h3,
	#quote2 h3 {
		font-size:7vw;
	}
}

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


}

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

}