.iframe-lazy{
    display: block;
    width: 100%;
    float: left;
}

.introblok + .videoblok{
	background-color: #f1ede3;
    margin-top: -120px;
    position: relative;
    z-index: 5;
}

.introblok + .videoblok:before{
	content: "";
	left: 0;
	bottom: 0;
	height: 40px;
	position: absolute;
	width: 100%;
	background-size: 8px 8px;
	display: block;
	background-color: #fff;
}

.introblok + .videoblok:after{
	content: "";
	left: 0;
	bottom: 0;
	height: 40px;
	width: 100%;
	background-repeat: repeat;
	background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cg id='Laag_2' data-name='Laag 2'%3E%3Cg id='Laag_1-2' data-name='Laag 1'%3E%3Crect width='2' height='2' fill='%23183054'/%3E%3Crect x='4' width='2' height='2' fill='%23183054'/%3E%3Crect x='4' y='4' width='2' height='2' fill='%23183054'/%3E%3Crect y='4' width='2' height='2' fill='%23183054'/%3E%3Crect width='8' height='8' fill='none'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
	opacity: 0.1;
	background-size: 8px 8px;
	display: block;
	background-color: #fff;
}

.videoblok_overlay{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	font-size: 24px;
	color: #fff;
	background-color: rgba(13, 26, 43, 0.3);
}

.videoblok_overlay i{
	margin-top: 0;
	color: #fff;
	font-size: 64px;
}

.videoblok .container{
	max-width: 1380px;
}

@media (max-width:767px)
{		
	.introblok + .videoblok{
		margin-top: -70px;
	}
}

@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)
{
    
}