@import url('https://fonts.googleapis.com/css?family=Noto+Sans|Noto+Serif:400,400i,700,700i');

html, body{
	font-family: 'Noto Serif', serif;
	width:100%;
	height:100%;
	margin:0px;
	padding: 0px;
	transition:all 1.3s ease;
}
a:link,
a:visited{
	color:#fff;	
}

#logo{
	width:400px;
	height:240px;
	background:url('../images/hout.jpg');
	position: absolute;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
	z-index:2;
	color:#f1e0d4;
}

#logo > .gegevens{
	padding:44px;
	text-align: center;
}

.omschrijving{
	margin-top:32px;
}

#wrapper{
	width:100%;
	height:100%;	
	margin:0px;
	padding: 0px;
	overflow: hidden;
}

#wrapper .partner{
	float:left;
	width:50%;
	height:50%;
	position: relative;
	font-size: 0;
	margin:0px;
	padding: 0px;
	transition:all 1.3s ease;
	text-shadow: 0px 0px 11px rgba(0,0,0, .7);
}

#wrapper .partner h1{
	font-size:32px;
	color:#fff;
	font-weight:normal;
}

#wrapper .partner .adres{
	font-family: 'Noto Sans', sans-serif;
	font-size:16px;
	color:#fff;
	height:0;
	opacity:0;
	transition:all .7s ease;
}

#wrapper .partner:hover .adres{
	opacity:1;
	height:auto;
}

#wrapper .partner:nth-child(even) > .gegevens{
	right:0px;
	margin:0px 32px 32px 0;
}

#wrapper .partner:nth-child(odd) > .gegevens{
	margin:0px 0px 32px 32px;
}

#wrapper .partner > .gegevens{
	position: absolute;
	bottom:0px;
}
.slick-slide img {
    min-width: 50vw;
    height: 50vh;
    object-fit: cover;
}
/*
.piersma{
	background:url('../images/piersma.jpg') center center / cover no-repeat;
}


.de-jong{
	background:url('../images/de-jong.jpg') center center / cover no-repeat;
}

.van-der-meulen{
	background:url('../images/vdmeulen.jpg') center center / cover no-repeat;
}

.schreur{
	background:url('../images/schreur.jpg') bottom center / cover no-repeat;
}

*/

@media only screen and (max-width: 1180px) {
	#wrapper .partner h1{
		font-size:24px;
	}	
}

@media only screen and (max-width: 1023px) {
	#logo{
		width:100%;
		height:auto;
		max-height:220px;
		background:url('../images/hout.jpg') top left / cover no-repeat;;
		position: relative;
		top:0%;
		left:0%;
		transform: none;
		z-index:2;
		color:#f1e0d4;
	}
	.slick-slide img {
   	 	min-width: 100vw;
   	 	height: 50vh;
    	object-fit: cover;
	}
	.omschrijving{
		margin:32px auto;
		max-width:400px;
	}
	#wrapper .partner{
		float:none;
		width:100vw;
		height: 50vw;
		overflow: hidden;
	}
}