/* ~~ WIT ~~ */

#wit{
    background:#ffffff;
	color:#e6007e;	
}
.stage .txt::selection,
h1::selection, 
h2::selection, 
h3::selection, 
.txt p::selection, 
.txt a::selection, 
.txt li::selection {
  background: #000000;
}
.stage .txt::-moz-selection,
h1::-moz-selection, 
h2::-moz-selection, 
h3::-moz-selection, 
.txt p::-moz-selection, 
.txt a::-moz-selection, 
.txt li::-moz-selection {
  background: #000000;
}
.peervis_logo {
  	background: url("../img/peervis_logo_mag.png");	
	background: url("../img/peervis_logo_mag.svg"), 	
	linear-gradient(transparent, transparent);
	background-size: 160px 65px;   
}
.peervis_logo:hover {
  	background: url("../img/peervis_logo_zw.png");	
	background: url("../img/peervis_logo_zw.svg"), 	
	linear-gradient(transparent, transparent);
	background-size: 160px 65px;    
}
nav {
    color: #e6007e;
	background-color:transparent;
}
nav ul li a {
	color: #e6007e;
}
nav ul li a:hover {
	  color: #000000;
}
.odd {
	color: #000000;
}
.nav-open i {
	 background: #e6007e;
}
ul.vin > li:before{
	background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='80%' height='80%' viewBox='0 0 18.5 12' preserveAspectRatio='xMidYMid meet'><path fill='rgb(230, 0, 126)'  d='M7.2,10c2.8,0.2,8.7-2.4,11.4-10c0,0-7.5,0.9-11.4,6.6C3.3,0.9,0,2.1,0,2.1C0.7,8.1,4.4,10.2,7.2,10z'/></svg>");
	background-size:70%;
	background-position:center;
	transition: background-size 0.3s;
	-webkit-transition: background-size 0.3s;
}
ul.vin > li:hover:before{
	background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' viewBox='0 0 18.5 12' preserveAspectRatio='xMidYMid meet'><path fill='rgb(0, 0, 0)'  d='M7.2,10c2.8,0.2,8.7-2.4,11.4-10c0,0-7.5,0.9-11.4,6.6C3.3,0.9,0,2.1,0,2.1C0.7,8.1,4.4,10.2,7.2,10z'/></svg>");
	background-size:100%;
}
.vin li a {
	color:#e6007e;	
}
.vin li:hover, .vin li a:hover{
	color:#000000;	
}
.txt li  {
	color:#e6007e;	
}
.txt p .link a {
    font-family:'Open Sans', sans-serif;
	text-decoration:underline;
	color:#e6007e;
}
.voet a{
	color:#e6007e;
}
.voet a:hover{
	color:#000000;
	text-decoration:none;
}

/* ~~ IMAGES ~~ */

#diensten {
	width: 750px;
	height: 600px;	
	background:url(../img/stage_diensten.png) no-repeat center;
	background-size:cover; 
	background-position: 0 0; 
}

@media screen and (max-width: 768px) {

	#diensten{
		width: auto;
		height:625px;	
		background:url(../img/stage_diensten_tab.jpg) no-repeat center;
		background-size: contain; 
		background-position: 0 100px;
		margin-bottom: -35px;
	}
}

@media screen and (max-width: 720px) {
	
	#diensten{
		width: auto;
		height:625px;	
		background:url(../img/stage_diensten_tab.jpg) no-repeat center;
		background-size: contain; 
		background-position: 0 145px;
		margin-bottom: -35px;
	}
}

@media screen and (max-width: 719px) {

	header {
		background-color: #ffffff;
	}
	.nav-container {
		background: #ffffff;
	}
	#nav:checked + .nav-open i {
	  background: #e6007e;
	}
}

@media screen and (max-width: 568px) {

	#diensten{
		width: auto;
		height:600px;	
		background:url(../img/stage_diensten_mob.jpg) no-repeat center;
		background-size: contain; 
		background-position: 0 330px;
		margin-bottom: 30px;
	}
	#diensten p{
		margin: 0;
		padding: 0;
		margin-top: 0;
		margin-bottom: 45px;
		left:0;
	}
}
@media screen and (max-width: 460px) {

	#diensten{
		width: auto;
		height:615px;	
		background:url(../img/stage_diensten_mob.jpg) no-repeat center;
		background-size: contain; 
		background-position: 0 400px;
		margin-bottom: 0;
	}
}

@media screen and (max-width: 375px) {
	
	#diensten{
		width: auto;
		height: 170px;
		background:url(../img/stage_diensten_mob.jpg) no-repeat center;
		background-size: cover; 
		background-position: 0 0;	
	}
	#diensten p {
		padding-top: 185px;
		margin-bottom: 45px;
	}

}
@media screen and (max-width: 320px) {
	
	#diensten{
		width: auto;
		height: 145px;
		background:url(../img/stage_diensten_mob.jpg) no-repeat center;
		background-size: cover; 
		background-position: 0 0;	
	}
	#diensten p {
		padding-top: 150px;
		margin-bottom: 45px;
	}

	
}
@media screen and (max-width: 240px) {
	

}