/* Indien de video fullscreen moet, .header_video weghalen */
.jumbotron.header_video{
	height: 80vh;
	position: relative;
    overflow: hidden;
	margin-left: auto;
	margin-right: auto;
    align-items: flex-end;
    display: flex;
}

.jumbotron.header_video:first-child .col-xl-7{
	margin-top: 7rem;
}

.jumbotron.header_video:first-child{
	height: 64.5rem;
}

/*.jumbotron.header_video:first-child:after{
	background: #344163;
	opacity: 0.83;
	content: "";
	position: absolute;
	inset: 0;
}*/

.jumbotron.header_video h1{
	font-size: 9rem;
    line-height: 9rem;
    font-weight: 400;
}

.jumbotron.header_video h1,
.jumbotron.header_video p{
	color: #fff;
}

#header-video{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top:0;
    opacity: 0;
    -webkit-transition:opacity 0.6s ease-in-out;
	transition:opacity 0.6s ease-in-out;
    object-fit: cover;
}

#header-video.visible{
    opacity: 1;
}

.header_video .container{
	position: relative;
	z-index: 150;
}

.header_video:after{
	content: "";
    background: #344163;
    position: absolute;
    inset: 0;
    mix-blend-mode: soft-light;
}

@media (max-width:767px)
{
	
	.jumbotron.header_video{
		height: 30vh;
	}

	.jumbotron.header_video:first-child .col-xl-7{
		margin-top: 3rem;
	}

	.jumbotron.header_video:first-child{
		height: calc(80vh - 15.3rem);
    	min-height: 52rem;
	}
	
	.jumbotron.header_video h1 {
    	font-size: 5rem;
    	line-height: 5.5rem;
	}
}

@media (min-width:768px) and (max-width:991px)
{
	.jumbotron.header_video h1 {
    	font-size: 6rem;
    	line-height: 6.5rem;
	}
	
	.jumbotron.header_video:first-child .col-xl-7 {
		margin-top: 4rem;
	}
}

@media (min-width:992px) and (max-width:1199px)
{
	.jumbotron.header_video h1 {
    	font-size: 8rem;
    	line-height: 8.5rem;
	}
}

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

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