.andere_projecten .tns-outer {
    cursor: e-resize;
}

.andere_projecten{
	overflow-x: clip;
}

.andere_projecten .tns-ovh{
	overflow: visible;
}

.project_blok{
	display: grid;
	text-decoration: none;
	color: #fff !important;
	user-select: none;
}

.project_blok > *{
	grid-column: 1;
	grid-row: 1;
}

.project_blok_content{
	padding: 2.5rem 2rem;
	z-index: 20;
}

.project_blok_img{
	display: grid;
}

.project_blok_img > *{
	grid-column: 1;
	grid-row: 1;
}

.project_blok_img:after{
	content: "";
	grid-column: 1;
	grid-row: 1;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.00) 80%, rgba(0, 0, 0, 0.50) 100%);
	z-index: 15;
}

a.project_blok .project_blok_img{
	overflow: hidden;
}

a.project_blok .project_blok_img img{
	transition: 0.3s transform;
}

a.project_blok:hover .project_blok_img img{
	transform: scale(1.1);
}

@media (max-width:767px)
{		
	.project_blok{
		height: 20rem;
	}
	
	.project_blok_img:after {
		background: linear-gradient(0deg, rgba(0, 0, 0, 0.00) 60%, rgba(0, 0, 0, 0.50) 100%);
	}
	
	.project_blok_content{
		flex-direction: column;
	}
	
	.project_blok_img picture{
		display: flex;
		width: 100%;
		height: 100%;
	}
	
	.project_blok_img img{
		display: flex;
		width: 100%;
		height: 100%;
	}
}

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