.headlogo{
	background: url('/images/yw_blad.jpg') no-repeat center center;
	background-size: cover;	 
	margin-bottom: 30px; 
}


.headlogo .logowrapper{  
	height: 530px;
	max-height: 50vh;
	width: 100%;  
  display: flex;
  align-items: center;
  justify-content: center;
	transition: background  1s ease-in;
	padding:  0 30px;
}
 
.fotowrapper{
	height: 500px;
	max-height: 50vh;
}


a.toc{
	display:inline-block;
	transition: all 0.2s ease-in;	
	display: block; 
	background: rgba(130,127,69,0.0); 
	-webkit-box-shadow: 0px 0px 0px 0 rgba(130,127,69,0.0);
	-moz-box-shadow: 0px 0px 0px 0 rgba(130,127,69,0.0);
	box-shadow: 0px 0px 0px 0 rgba(130,127,69,0.0);
}

@media(min-width: 768px){
	.fptoc h2{
		margin-top:0; 
	}
}

.toc:hover,
.toc:active{
	transition: all 0.2s ease-in;
	background: rgba(130,127,69,0.05); 
	-webkit-box-shadow: 0px 0px 0px 10px rgba(130,127,69,0.05);
	-moz-box-shadow: 0px 0px 0px 10px rgba(130,127,69,0.05);
	box-shadow: 0px 0px 0px 10px rgba(130,127,69,0.05);
}

.linkpijl{
	position: relative;
	left:0;
	transition: all 0.6s cubic-bezier(.87,-.41,.19,1.44);
}

.toc:hover .linkpijl,
.toc:active .linkpijl{ 
	left:20px;
	transition: all 0.6s cubic-bezier(.87,-.41,.19,1.44);
}

.terugpijl{
	display: inline-block;
	padding: 10px 0;
	position: relative;
	right:0;
	transition: all 0.6s cubic-bezier(.87,-.41,.19,1.44);
}
.terugpijl:hover,
.terugpijl:active{ 
	right:20px;
	transition: all 0.6s cubic-bezier(.87,-.41,.19,1.44);
}