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

.nws_1 {
	margin-top:75px;
	margin-bottom:50px;
}
.nws_i {
	position: relative;
	float:left;
	width:100%;
	display: flex;
	justify-content: space-between;
}
.nws_i_pic {
	position: relative;
	float:left;
	width:25%;
	background-image: url('../images/nieuws/1/thumb.jpg');
	background-size: cover;
	background-position: center center;
}
.nws_i_pic img {
	position: relative;
	float:left;
	width:100%;
}
.nws_i_content {
	position:relative;
	float:left;
	width:70%;
	padding:50px 0px;
}
.nws_i_title {
	position: relative;
	float:left;
	width:100%;
	font-size:32px;
}
.nws_i_text {
	position: relative;
	float:left;
	width:100%;
	margin-top:20px;
}
.nws_i_btn {
	position: relative;
	float:left;
	width:100%;
	margin-top:40px;
}

.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: 19.9%;
}
.proji_gall_i img {
	position: relative;
	float: left;
	width: 100%;
}


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

@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;
	}
	.proji_gall_i_small {
		width: 19.55%;
	}
}

@media screen and (max-width: 1000px) {
	.proji_gall_i {
		width:calc(50% - 10px);
	}
}

@media screen and (max-width: 800px) {
	.proji_gall_i {
		width:100%;
	}
}

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