.entry-header{
    margin-top: 575px !important;
}
.video-hero-wrapper {
    width: 100vw;
    height: 450px;
    margin-left: 50%;
    position: absolute;
    top: 100px;
    left: -50vw;
    margin-bottom: 340px;
    z-index: 0;

}
.video-wrapper{
    width: 800px;
    height: 450px;
    position: relative;
    top: 140px;
    margin-left:auto;
    margin-right:auto;
    filter: drop-shadow(0 0 15px #000);
}

@media only screen and (max-width: 1024px) {
    .video-hero-wrapper{
        top:70px;
        width: 100%;
		z-index: 1;
    }
	.video-hero-wrapper.active{
		z-index: -2;
	}
    .video-wrapper{
        width: 90vw;
        height: 50.63vw;
    }
    .entry-header{
		margin-top: 575px !important;
    }
	.title-area img{
		position: relative;
		z-index: 21;
	}
	nav.nav-secondary{
		position: relative;
		z-index: 20;
		background-color: rgb(19, 27, 38);
		width: 100vw;
		right: 20px;
	}
	nav.nav-secondary .wrap{
		width: 95vw;
		margin-right: auto;
		margin-left: auto;
		margin-bottom: 20px;
	}
}

@media only screen and (max-width: 600px) {
    .video-wrapper{
        width: 90vw;
        height: 50.63vw;
    }
	.video-hero-wrapper.active{
		z-index: -2;
	}
    .video-hero-wrapper{
        top:70px;
		z-index: 1;
    }
    .entry-header{
       	margin-top: 450px !important;
    }
	.title-area img{
		position: relative;
		z-index: 21;
	}
	nav.nav-secondary + button.activated {
		position: relative;
		z-index: 20;
		background-color: rgb(19, 27, 38);
		width: 100vw;
		right: 20px;
	}
	button.activated + nav.nav-secondary  > .wrap{
		width: 95vw;
		margin-right: auto;
		margin-left: auto;
		margin-bottom: 20px;
	}
}