.section-hero .headline {
    margin-top: 475px;
}

@media only screen and (max-width: 1068px) {
    .section-hero .headline {
        margin-top: 380px; 
    }
}

@media only screen and (max-width: 734px) {
    .section-hero .headline {
        margin-top: calc(628px + max(500px, min(1000px, 100vh))/2 - var(--video-height)/2); 
    }  
}

html.hero-enhanced .section-hero.slide .headline {
    max-width: 620px;
}

@media only screen and (max-width: 1068px) {
	html.hero-enhanced .section-hero.slide .headline {
   		max-width: 544px;
    }  
}

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

	html.hero-enhanced .section-hero.slide .headline {
    	max-width: 324px;
	}
}