/*LPK oorhoofs sodat divs onder mekaar verskyn*/
#idLPKDivOndrMkr{margin-left:auto;margin-right:auto;height:auto;width:auto;}
#idLPKDivOndrMkrEen{float:left;}
#idLPKDivOndrMkrTwee{float:left;}
/*<div id="idLPKDivOndrMkr">
	<div id="idLPKDivOndrMkrEen">Een</div>
	<div id="idLPKDivOndrMkrTwee">Twee</div>
</div>
*/
/*Gallery wrapper*/
.gallery {
	/*Three images per row grid*/
	display:grid;
	grid-template-columns:repeat(3, minmax(0, 1fr));
	grid-gap: 10px;
	/*Optional width restriction*/
	/*LPK Comment uit en maak 100% hierna sodat volle skerm gebruik word max-width: 1000px;*/
	max-width: 100%;
	margin: 0 auto;
	overflow: hidden;
}
/*Gallery fotos*/
/*Foto houer*/
.gallery figure {
  padding: 0px; margin: 0;
  border: 1px solid #ff0000;
  background: #fff;
}
/*Foto dimensies*/
.gallery img {
	width: 100%;
	/*LPK haal uit sodat sel hoogtes aangepas word vir vertikale foto hoogtes en dit nie afgesny word. height: 180px; *//* optional */
	max-height: 100%; /*LPK Sit by sodat sel hoogtes aangepas word vir vertikale fotos om ten volle in sel te vertoon en nie afgesny word as al die selle so hoog soos horisontale foto hoogte is.*/
	object-fit: cover; /* cover | contain | fill | scale-down */
}
/*Twee fotos per ry op klein skerms*/
@media only screen and (max-width: 600px) {.gallery {grid-template-columns: repeat(2, minmax(0, 1fr));}}
/*Optionele zoom as daarop beweeg word*/
/*.gallery img:hover {z-index: 9;transform: scale(1.3);*//* linear | ease | ease-in | ease-out | ease-in-out *//*transition: transform ease 0.5s;}*/
/*Volskerm modus as gekies word*/
.gallery img.full {position: fixed;top: 0; left: 0; z-index: 999;width: 100vw; height: 100%;object-fit: contain;background: rgba(0, 0, 0, 0.7);}
.gallery img.full:hover {z-index: 999;transform: none;}
/*Nie belangrik nie*/
* {font-family: Arial, Helvetica, sans-serif;box-sizing: border-box;}