.hero {
  	position: relative;
  	width: 100%;
	height: 100vh;
	max-height: 479px;
  	overflow: hidden;
  	text-align: center;
  	display: flex;
  	align-items: center;
  	justify-content: center;
	margin-bottom: -1px;
}

.hero:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 67vh;
	bottom: 0;
	left: 0;
	right: 0;
	background: linear-gradient(0deg, rgba(14,30,26,1) 0%, rgba(14,30,26,0) 100%);
}

.hero > video {
	object-fit: cover;
  	width: 100%;
	height: 100%;
	position: absolute;
  	top: 0;
  	left: 0;
	right: 0;
	bottom: 0;
}

.hero .container {
	padding-top: 4rem;
	padding-bottom: 4rem;
	z-index: 2100;
}

.hero h1 {
	position: relative;
	z-index: 9999;
	-webkit-text-stroke: 0;
    text-stroke: 0;
	text-shadow: none;
	opacity: 0;
	animation: 2s linear show-text;
	animation-delay: 1s;
	animation-fill-mode: forwards;
}

.hero p {
	font-size: 5rem;
	opacity: 0;
	animation: 2s linear show-text;
	animation-delay: 2s;
	animation-fill-mode: forwards;
}

.hero p strong {
	font-weight: inherit;
	color: #0000001A;
	-webkit-text-stroke: 2px #FBAA19;
    text-stroke: 2px #FBAA19;
}

.hero p strong span {
	opacity: 0;
	animation: 1.5s linear text-flicker;
	animation-delay: 2.5s;
	animation-fill-mode: forwards;
}

.hero p strong span.char1 {
	animation: 1.55s linear letter-flicker-5;
	animation-delay: 2.5s;
	animation-fill-mode: forwards;
}

.hero p strong span.char3 {
	animation: 1.75s linear letter-flicker;
	animation-delay: 2.5s;
	animation-fill-mode: forwards;
}

.hero p strong span.char5 {
	animation: 1.8s linear letter-flicker-3;
	animation-delay: 2.5s;
	animation-fill-mode: forwards;
}

.hero p strong span.char6 {
	animation: 1.65s linear letter-flicker-1;
	animation-delay: 2.5s;
	animation-fill-mode: forwards;
}

.hero p strong span.char7 {
	animation: 1.4s linear letter-flicker-4;
	animation-delay: 2.5s;
	animation-fill-mode: forwards;
}

.hero p strong span.char8 {
	animation: 1.6s linear letter-flicker-2;
	animation-delay: 2.5s;
	animation-fill-mode: forwards;
}

@media (min-width: 400px) {
	.hero {
		max-height: 500px;
	}
	
	.hero p {
		font-size: 6rem;
	}
}

@media (min-width: 480px) {
	.hero p {
		font-size: 7rem;
	}
}

@media (min-width: 600px) {
	.hero {
		max-height: 579px;
	}
	
	.hero p {
		font-size: 9rem;
	}
}

@media (min-width: 800px) {
	.hero {
		max-height: 679px;
	}
	
	.hero .container {
		padding-top: 5rem;
		padding-bottom: 5rem;
	}
	
	.hero p {
		font-size: 11rem;
		margin-left: -5px;
	}
	
	.hero p strong {
		animation: glow-hero 2s infinite;
	}
}

@media (min-width: 1000px) {
	.hero {
		max-height: 700px;
	}
	
	.hero p {
		font-size: 12rem;
	}
}

@media (min-width: 1200px) {
	.hero {
		height: 700px;
		max-height: unset;
		min-height: 100vh;
	}
	
	.hero .container {
		padding-top: 6rem;
		padding-bottom: 6rem;
	}
	
	.hero p {
		font-size: 16rem;
	}
	
	.hero p strong {
		-webkit-text-stroke: 3px #FBAA19;
    	text-stroke: 3px #FBAA19;
	}
}

@media (min-width: 1400px) {
	.hero {
		height: 750px;
	}
}

@media (min-width: 1600px) {
	.hero {
		height: 800px;
	}
}

@media (max-width: 799px) {
	.hero p strong {
		text-shadow: 0px 0px 35px rgba(251,170,25,0.25);
	}
}


/* ANIMATIONS */
@keyframes glow-hero {
	0% {
		text-shadow: 0px 0px 35px rgba(251,170,25,0.35);
	}
	
	25% {
		text-shadow: 0px 0px 40px rgba(251,170,25,0.4);
	}
	
	50% {
		text-shadow: 0px 0px 50px rgba(251,170,25,0.55);
	}
	
	75% {
		text-shadow: 0px 0px 45px rgba(251,170,25,0.45);
	}
	
	100% {
		text-shadow: 0px 0px 30px rgba(251,170,25,0.3);
	}
}

@keyframes show-text {
	from {
    	opacity: 0;
  	}

  	to {
    	opacity: 1;
  	}
}

@keyframes text-flicker {
	0% {
    	opacity: 0.1;
  	}
	
	10% {
    	opacity: 0.9;
  	}
	
	20% {
    	opacity: 0.3;
  	}
	
	30% {
    	opacity: 0.7;
  	}
	
	40% {
    	opacity: 0.2;
  	}
	
	50% {
    	opacity: 0.9;
  	}
	
	60% {
    	opacity: 0.3;
  	}
	
	70% {
    	opacity: 0.7;
  	}
	
	80% {
    	opacity: 0.4;
  	}
	
	90% {
    	opacity: 0.8;
  	}

  	100% {
    	opacity: 1;
  	}
}

@keyframes letter-flicker {
	0% {
    	opacity: 0.1;
  	}
	
	5% {
		opacity: 1;
	}
	
	10% {
    	opacity: 0.1;
  	}
	
	15% {
		opacity: 1;
	}
	
	20% {
    	opacity: 0.3;
  	}
	
	25% {
    	opacity: 0.9;
  	}
	
	40% {
    	opacity: 0.2;
  	}
	
	50% {
    	opacity: 0.9;
  	}
	
	60% {
    	opacity: 0.1;
  	}
	
	70% {
    	opacity: 1;
  	}
	
	80% {
    	opacity: 0.1;
  	}
	
	90% {
    	opacity: 0.75;
  	}

  	100% {
    	opacity: 1;
  	}
}

@keyframes letter-flicker-1 {
	0% {
    	opacity: 0.1;
  	}
	
	8% {
		opacity: 1;
	}
	
	14% {
    	opacity: 0.7;
  	}
	
	22% {
		opacity: 1;
	}
	
	32% {
    	opacity: 0.2;
  	}
	
	45% {
    	opacity: 0.8;
  	}
	
	53% {
    	opacity: 0.1;
  	}
	
	62% {
    	opacity: 1;
  	}
	
	70% {
    	opacity: 0.3;
  	}
	
	77% {
    	opacity: 1;
  	}
	
	85% {
    	opacity: 0.1;
  	}
	
	91% {
    	opacity: 0.85;
  	}

  	100% {
    	opacity: 1;
  	}
}

@keyframes letter-flicker-2 {
	0% {
    	opacity: 0.1;
  	}
	
	6% {
		opacity: 1;
	}
	
	12% {
    	opacity: 0.4;
  	}
	
	20% {
		opacity: 1;
	}
	
	27% {
    	opacity: 0.25;
  	}
	
	35% {
    	opacity: 0.9;
  	}
	
	44% {
    	opacity: 0.3;
  	}
	
	55% {
    	opacity: 1;
  	}
	
	66% {
    	opacity: 0.4;
  	}
	
	75% {
    	opacity: 1;
  	}
	
	81% {
    	opacity: 0.1;
  	}
	
	92% {
    	opacity: 0.75;
  	}

  	100% {
    	opacity: 1;
  	}
}

@keyframes letter-flicker-3 {
	0% {
    	opacity: 0.2;
  	}
	
	7% {
		opacity: 1;
	}
	
	14% {
    	opacity: 0.1;
  	}
	
	36% {
		opacity: 1;
	}
	
	43% {
    	opacity: 0.6;
  	}
	
	51% {
    	opacity: 0.2;
  	}
	
	65% {
    	opacity: 0.9;
  	}
	
	73% {
    	opacity: 0.1;
  	}
	
	86% {
    	opacity: 1;
  	}
	
	92% {
    	opacity: 0.4;
  	}

  	100% {
    	opacity: 1;
  	}
}

@keyframes letter-flicker-4 {
	0% {
    	opacity: 0.3;
  	}
	
	9% {
		opacity: 1;
	}
	
	17% {
    	opacity: 0.2;
  	}
	
	28% {
		opacity: 0.9;
	}
	
	33% {
    	opacity: 0.3;
  	}
	
	47% {
    	opacity: 1;
  	}
	
	56% {
    	opacity: 0.15;
  	}
	
	63% {
    	opacity: 1;
  	}
	
	74% {
    	opacity: 0.2;
  	}
	
	87% {
    	opacity: 0.6;
  	}

  	100% {
    	opacity: 1;
  	}
}

@keyframes letter-flicker-5 {
	0% {
    	opacity: 0.5;
  	}
	
	13% {
		opacity: 1;
	}
	
	24% {
    	opacity: 0.25;
  	}
	
	31% {
		opacity: 0.7;
	}
	
	46% {
    	opacity: 1;
  	}
	
	59% {
    	opacity: 0.25;
  	}
	
	67% {
    	opacity: 1;
  	}
	
	72% {
    	opacity: 0.3;
  	}
	
	86% {
    	opacity: 0.8;
  	}
	
	93% {
    	opacity: 0.2;
  	}

  	100% {
    	opacity: 1;
  	}
}