div.relatie_row{
	padding-left: calc(50vw - 750px); 
    margin-right: 0;
}
div.relatie_text{
    height: 655px;
	padding:50px 2vw;	
}
div.relatie_text p{
	font-size:18px;
}
div.relatie_text a.button{
	margin-top:30px;
}
div.relatie_box a{
    display: block;
    width: 100%;
    height: 100%;
    float: left;
}
div.relatie_box{
	position: relative;
	padding: 30px 0;
	overflow: hidden;
	width: 100%;
	max-width: 1000px;
	margin: auto;
}

div.relatie_box div.relatie_slider{
	position: relative;
	width: 200%;
	height: auto;
	float: left;
	transition: transform .6s ease-out;
}

div.relatieSlide {
    position: relative;
    width: 12.5%;
    height: 120px;
    margin: 20px 0;
    float: left;
    transition: all .3s ease-out;
}
div.relatieSlide:hover {
	/* transform: scale(1.02);	 */
}
div.relatieSlide div.img{
    position: relative;
    width: calc(76%);
    height: 100%;
    margin: 0 auto;
    top: 0%;
    background-position: center;
	background-size: contain;
    background-repeat: no-repeat;
    overflow: hidden;
    cursor: pointer;
	transition: transform .4s ease-in-out;
	transform: scale(1.0);
}
div.relatieSlide.goAway div.img{
	transform: scale(0.01);
}
div.relatieSlide.goIn div.img{
	transform: scale(0.01);
	animation-name: scaleUp;
	animation-duration: .4s;
	animation-iteration-count: 1;	
	animation-fill-mode: forwards;
}
div.relatieSlide:nth-of-type(6),
div.relatieSlide:nth-of-type(7),
div.relatieSlide:nth-of-type(8),
div.relatieSlide:nth-of-type(9){
	display:none;
}

@keyframes scaleUp {
  from {transform: scale(0.01);}
  to {transform: scale(1.0);}
}

@media (max-width: 1024px){
	div.relatieSlide {
		width: 25%;
	}
}
@media (max-width: 600px){
	div.relatieSlide {
		width: 50%;
	}
}

@media (max-width: 767px){
	div.relatie_box{
		display:none;
	}
}