.projs_hero {
	position: relative;
	float: left;
	width: 100%;
	height: 0px;
	padding-bottom: 25%;
	background-image: url('../images/projecten/projecten-hero.jpg');
	background-size: cover;
	background-position: center center;
}

.projs_intro {
	margin-top: 5%;
}

.projs_li {
	margin-top: 2%;
}
.projs_li_container {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.projs_li_container .hm_projs_i {
	width:calc(calc(100% / 4) - 20px);
	margin-bottom: 30px;
}

.projsi_hero_1 {
	background-image: url('../images/projects/1-nederweert/hero.jpg');
}

.proji_intro {
	margin-top: 5%;
}
.proji_content {
	position: relative;
	float: left;
	width: 40%;
}
.proji_title {
	position: relative;
	float: left;
	width: 100%;
}
.proji_text {
	position: relative;
	float: left;
	width: 100%;
	margin-top: 18px;
}
.proji_video {
	position: relative;
	float: left;
	width: 50%;
	margin-left: 10%;
}
.proji_video video {
	position: relative;
	float: left;
	width: 100%;
}

.proji_gall {
	margin-top: 5%;
}
.proji_gall_container {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.proji_gall_i {
	position: relative;
	float: left;
	width: calc(40% - 20px);
	margin-bottom: 20px;
}
.proji_gall_i_small {
	width: 20%;
}
.proji_gall_i img {
	position: relative;
	float: left;
	width: 100%;
}



.projsi_hero_2 {
	background-image: url('../images/projects/2-veldeman/hero.jpg');
}

.projsi_hero_3 {
	background-image: url('../images/projects/3-greenlogic/hero.jpg');
}