.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_photo {
	position: relative;
	float: left;
	width: 50%;
	margin-left: 10%;
}
.proji_photo img {
	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');
}

.projsi_hero_4 {
	background-image: url('../images/projects/4-rsdetailing/hero.jpg');
}

.projsi_hero_5 {
	background-image: url('../images/projects/5-prinzen/hero.jpg');
}

.projsi_hero_6 {
	background-image: url('../images/projects/6-bekerhof/hero.jpg');
}

.projsi_hero_7 {
	background-image: url('../images/projects/7-unlimited/hero.jpg');
}

.projsi_hero_8 {
	background-image: url('../images/projects/8-aendekerk/hero.jpg');
}

.projsi_hero_9 {
	background-image: url('../images/projects/9/hero.jpg');
}

.projsi_hero_10 {
	background-image: url('../images/projects/10/hero.jpg');
}
.projsi_hero_11 {
	background-image: url('../images/projects/11/hero.jpg');
}
.projsi_hero_12 {
	background-image: url('../images/projects/12/hero.jpg');
}



@media screen and (max-width: 1400px) {
	.projs_li_container {
		width:90%;
	}
}

@media screen and (max-width: 1200px) {
	.proji_content {
		width:100%;
	}
	.proji_video {
		width: 100%;
		margin-left:0px;
		margin-top:50px;
	}
}

@media screen and (max-width: 1100px) {
	.projs_intro {
		margin-bottom:35px;
	}
	.projs_li_container .hm_projs_i {
		width:calc(calc(100% / 2) - 20px);
		margin-bottom:32px;
	}
}

@media screen and (max-width: 600px) {
	.projs_li_container .hm_projs_i {
		width:100%;
		margin-bottom:32px;
	}
}