.imgContainer {position: relative; width: 100%; height: auto;}
.imgContainer img {width:100%; margin: auto; max-width: 480px;}
.rowPic {
	display: inline; box-sizing: border-box; margin: 8px;
	cursor: pointer; background-repeat: no-repeat; background-position: center; background-size: cover;
	box-shadow: 2px 2px 4px rgb(64,64,64), -2px -2px 4px rgb(192,192,192);
	opacity: 1;	 transition: opacity 0.25s;	
}
.rowPic:hover {filter: grayscale(25%) brightness(125%) contrast(125%);}

/*#picRowsViewer {width: calc(100% - 256px); margin: 16px 128px; min-height: calc(100% - 2em);}*/
#picRowsViewer {width: 100%; margin: 16px 0px; min-height: calc(100% - 2em); user-select: none;}
#picRowsViewerContent {text-align: center;}
#fullscreenViewer {
	position:fixed; left: 0%; right: 0%; width: 100%; height: 100%; 
	display:none; opacity: 0; transition: opacity 0.25s; z-index: 700; user-select: none;
}
#fullscreenViewerBG {
	position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; 
	background-color: rgba(0,0,0,0.8);
}
#fullscreenViewerContent {position: fixed; box-sizing: border-box; width: 100%; height: 100%;}
#fullscreenViewerPic {
	position: fixed; box-sizing: border-box; left: 0%; top: 0%; padding: 16px; width: 100%; height: 100%; 
	background-position: center; background-repeat: no-repeat; background-size: contain; 
	background-origin: content-box; transition: opacity 0.10s;	
}
#fullscreenViewerIcon_arrowLeft, #fullscreenViewerIcon_arrowRight, #fullscreenViewerIcon_x {
	position: fixed; text-align: center; 
	border-radius: 50%; top: calc(50% - 32px); width: 64px; height: 64px; 
	line-height: 64px; font-size: 64px; font-weight: bold; color: White; 
	font-family: sans-serif; transition: color 0.25s, background-color 0.25s; 
	filter: drop-shadow(2px 2px 4px rgb(0,0,0)) drop-shadow(-2px -2px 4px rgb(128,128,128));
	cursor: pointer; z-index: 2100;
}
#fullscreenViewerIcon_arrowLeft:hover, #fullscreenViewerIcon_arrowRight:hover, #fullscreenViewerIcon_x:hover {
	 background-color: White; color: Black; 
}
#fullscreenViewerIcon_arrowLeft {left: 10%;}
#fullscreenViewerIcon_arrowRight {right: 10%;}
#fullscreenViewerIcon_x {top: 16px; right: 16px;}

@media screen and (max-width: 720px) {
	/*#picRowsViewer {width: 100%; margin: 0px;}*/
	#picRowsViewer {width: calc(100% - 16px); margin: 16px 8px;}
	.rowPic {height: 100px; width: auto;}
	#fullscreenViewerIcon_arrowLeft {left: 5%;}
	#fullscreenViewerIcon_arrowRight {right: 5%;}	
}