.markten_overzicht{
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center;
	position: relative;
}

.markten_overzicht:before{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 64, 83, 0.6);
}

.markten_overzicht h1{
	color: #fff;
}

.markten_overzicht h2{
	color: #ffffff;
	font-family: ariana-pro;
	font-size: 50px;
	font-weight: 900;
	line-height: 65px;
	position: relative;
	margin-bottom: 90px
}

.markten_overzicht h2:after {
    background-image: -webkit-gradient(linear, left top, right top, color-stop(33%, #7fc9cd), color-stop(0%, rgba(255,255,255,0)));
    background-image: -webkit-linear-gradient(left, #7fc9cd 33%, rgba(255,255,255,0) 0%);
    background-image: linear-gradient(to right, #7fc9cd 33%, rgba(255,255,255,0) 0%);
    background-position: bottom;
    -webkit-background-size: 6px 1px;
    background-size: 6px 1px;
    background-repeat: repeat;
    position: absolute;
    content: "";
    height: 2px;
    bottom: -40px;
    left: 0;
    width: 60px;
}

.markt-blok,
.markt-blok:hover,
.markt-blok:focus{
	border-radius: 10px;
	background-color: #ffffff;
	height: 160px;
	width: 100%;
	padding: 15px;
	color: #004053;
	font-family: ariana-pro;
	font-size: 13px;
	font-weight: 700;
	line-height: normal;
}

.markt-blok:hover,
.markt-blok:focus{
	background: #d8eff0;
}

.markt-blok img{
	margin-bottom: 5px;
}

.markt-blok span{
	margin-top: 5px;
	color: #fff;
	font-family: Roboto;
	font-size: 13px;
	font-weight: 400;
	line-height: normal;
    display: inline-block;
    margin-bottom: -36px;
	-webkit-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
}

.markt-blok:hover span{
	color: #d581b5;
    margin-bottom: 0;
}

.markt-blok span i{
	margin-right: 5px;
}

.markt-blok-container:nth-child(n+4){
	margin-top: 30px;
}

.hoverafbeelding{
	position: absolute;
	left: 0;
	top: 0;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center;
	width: 100%;
	height: 100%;
	opacity: 0;
	-webkit-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
}

.hoverafbeelding.active{
	opacity: 1;
}

.hoverafbeelding:before{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 64, 83, 0.6);
}

@media (max-width:767px){
	.markt-blok-container{
		width: 50% !important;
		-webkit-flex-basis: 50% !important;
		-ms-flex-preferred-size: 50% !important;
		flex-basis: 50% !important;
	}
	
	.markt-blok-container.col-sm-12:nth-child(n+2) {
		margin-top: 0;
	}
	
	.markt-blok-container.col-sm-12:nth-child(n+3) {
		margin-top: 30px;
	}
	
	.markten_overzicht:before{
		display: none;
	}
	
	.markten_overzicht h2{
		font-size: 30px;
		font-weight: 900;
		line-height: 30px;
	}
	
	.markten_overzicht h1:after,
	.markten_overzicht h2:after{
		background-image: -webkit-gradient(linear, left top, right top, color-stop(33%, rgba(0, 64, 83, 0.6)), color-stop(0%, rgba(255,255,255,0)));
		background-image: -webkit-linear-gradient(left, rgba(0, 64, 83, 0.6) 33%, rgba(255,255,255,0) 0%);
		background-image: linear-gradient(to right, rgba(0, 64, 83, 0.6) 33%, rgba(255,255,255,0) 0%);
	}
	.markten_overzicht{
		background: #7fc9cd;
		background-image: none !important;
	}
}