.actuele_werkzaamheden h2 i{
	color: #e63e51;
	font-size: 42px;
	margin-right: 30px;
}

.werkzaamheden{
	margin-top: 40px;
}

.werkzaamheid{
	padding: 35px 35px 50px;
	background-color: #e6e8f6;
}

.werkzaamheid > div{
	padding: 0 15px;
}

.werkzaamheid + .werkzaamheid{
	margin-top: 5px;
}

.werkzaamheid-title{
	color: #003da6;
	font-family: quatro;
	font-size: 24px;
	font-weight: 900;
	line-height: normal;
	width: 170px;
}

.werkzaamheid-data{
	width: 220px;
}

.werkzaamheid-week{
	color: #003da6;
	font-family: quatro;
	font-size: 24px;
	font-weight: 400;
	line-height: normal;
}

.werkzaamheid-datum{
	color: #003da6;
	font-family: quatro;
	font-size: 14px;
	font-weight: 400;
	line-height: normal;
}

.werkzaamheid-intro{
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;  
	overflow: hidden;
	width: 445px;
}

@media (max-width:767px)
{		
	.werkzaamheid{
		padding: 20px;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}
	
	.actuele_werkzaamheden h2 i {
		color: #e63e51;
		font-size: 16px;
		margin-right: 10px;
	}
	
	.werkzaamheid-intro {
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		overflow: hidden;
		width: 100%;
		margin-bottom: 20px;
	}
	
	.werkzaamheid-title{
		font-size: 20px;
		-ms-flex-preferred-size: 100%;
		    flex-basis: 100%;
	}
	
	.werkzaamheid-data {
		width: 100%;
    	margin-bottom: 15px;
		-ms-flex-preferred-size: 100%;
		    flex-basis: 100%;
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
    	margin-top: 6px;
	}
	
	.werkzaamheid-week{
		font-size: 14px;
	}
	
	.werkzaamheid > div{
		padding: 0;
	}
}

@media (min-width:768px) and (max-width:991px)
{
	.werkzaamheid-intro{
		display: none;
	}
}

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