.foto-popup { display: none; }
.foto-popup:target { display: block; position: fixed; z-index: 999; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,0.8);text-align:center; }
.foto-popup img { max-width: 90%; position: relative; top: 50%; transform: translateY(-50%);}
.vorige, .volgende { position: fixed; top: 50%; transform: translateY(-50%); text-decoration: none; color: darkgrey; font-size: 3em; }
.vorige:hover, .volgende:hover { color: white; text-decoration: none; }
.vorige { left: 5%; }
.volgende { right: 5%; }
.foto-popup p{color: white; 
						font-weight:bold;
						position:fixed; 
						bottom:0%; 
						left:0;
						right:0;
						background-color:rgba(52,50,50,0.8);
						margin:5px;
						padding:2px 2px 2px 2px;
					
}

@media screen and (max-width: 400px) { .vorige, .volgende { font-size: 2em; }