.jumbotron.jumbo-padding.home_animatie{
	background: var(--beige);
	overflow-x: clip;
}

.video-background {
	position: sticky;
	top: 0;
	min-width: 100vw;
	min-height: 100vh;
	object-fit: cover;
}

.header_animatie_intro_text h1,
.header_animatie_intro_text h2,
.header_animatie_intro_text p,
.header_animatie_outro p,
.header_animatie_outro h2{
	color: #33214e;
}

.home_animatie{
	padding: 0 !important;
	height: 700vh;
	position: relative;
}

.header_animatie_intro{
	height: 100vh;	
    display: flex;
    align-items: center;
	position: absolute;
	z-index: 15;
    left: 50%;
    transform: translateX(-50%);
	color: #fff !important;
    width: 100%;
 	min-height: 80rem; 
}

.home_animatie{
	margin-bottom: -282vh; /* -282vh; */
}

.header_animatie_projecten_text img{
	border-radius: 2.5rem;
}

.down_item{	
	width: 5.5rem;
	height: 5.5rem;
	border-radius: 50%;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	bottom: 6.5rem;
    z-index: 150;
    left: 50%;
    transform: translateX(-50%);
}

.home_animatie .fa-arrow-down{
	font-size: 4.2rem;
	animation-name: floating;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}

@keyframes floating {
    0% { transform: translate(0,  -7.5px); }
    50%  { transform: translate(0, 7.5px); }
    100%   { transform: translate(0, -7.5px); }   
}

.header_animatie_outro{
	height: 100vh;
	color: #fff !important;
    display: flex;
    align-items: center;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    width: 100%;
	z-index: 150;
}

.header_animatie_outro_text{
	width: 100%;
}

.header_animatie_projecten_text{
	opacity: 0;
}

.header_animatie_projecten{
	height: 200vh;
    color: #fff !important;
    display: flex;
    align-items: center;
    width: 100%;
}

.grid-projecten{
	row-gap: 6rem;
}

@media (max-width:767px)
{	
	.home_animatie{
		margin-bottom: -300vh;
	}
	
	.header_animatie_projecten_text h3 br{
		display: none;
	}
	
	.header_animatie_intro{
		height: auto;
		padding-top: var(--jumbotron-standard-margin);
		min-height: 0;
	}
	
	.header_animatie_projecten {
    	height: 150vh;
	}
	
	.header_animatie_outro {
		height: auto;
		color: #fff !important;
		display: flex;
		align-items: center;
		left: auto;
		transform: none;
		position: sticky;
		width: 100%;
		z-index: auto;
		top: var(--jumbotron-standard-margin);
	}
	
	.header_animatie_intro_text  {
		font: 400 1.6rem / 1.5 var(--body-font);
	}

}

@media (min-width:768px) and (max-width:991px)
{
	
}

@media (min-width:992px) and (max-width:1199px)
{
	
}

@media (min-width:1200px) and (max-width:1399px)
{
    
}

@media (min-width:1400px)
{
    
}

@media (max-height:800px)
{
	

}