html, body {
    max-width: 100%;
	/*
	background-color: green!important;
	*/
}

#viewerContainer{
	 position: fixed;
	 top: 0px;
	 display: none;
	 left: 50%;
	 transform: translateX(-50%);
	 margin-left: auto;
	 margin-right: auto;
	 width: 100%;
	 height: 100%;
	 text-align: center;
	z-index: 500030;
}


.imageViewer{
	position: fixed;
	top: 10px;
	left: 50%;
	height: auto;
	width: auto;
	object-fit:contain;
	transform: translateX(-50%);
	height: 99vh;
	max-width: 100vw;
	z-index: 500010;
}
.imageData{
	/*margin-top: -18px;*/
   position: relative;
   top: 10px;
   z-index: 500030;
}

.grid-item{
   width: 90%;
   margin-right: auto;
   margin-left: auto;
}

.gallery{
	display: grid;
	grid-row-gap: 2em;
	grid-column-gap: 3em;
	grid-template-columns:  repeat(auto-fill, minmax(200px, 1fr)) ;
	justify-items: center;
	width: 86%;
	margin-right: auto;
	margin-left: auto;
}
	



.previous{
	 position: absolute;
	 bottom: 3em;
	 left: 1em;
	 padding: .2em;
	 /*
	 width: 30px;
	 */
	 text-align: left;
	 padding-left: 1em;
	 /*
	 background-image: linear-gradient(to right, rgba(0,0,0,0.4),rgba(0,0,0,0));
	 */
    z-index: 500040;
}

.next{
	 position: absolute;
	 bottom: 3em;
	 padding: .2em;
	 /*
	 width: 30px;
	 */
	 text-align: right;
	 padding-right: 1em;
	 right:2em;
	 /*
	 background-image: linear-gradient(to right, rgba(0,0,0,0),rgba(0,0,0,0.4));
	 */
    z-index: 500040;
}

.imageDataLeft{
	position: absolute;
	top: 0;
	left: 2em;
	padding: .5em;
	width: 20em;
	text-align: right;
	text-align: right;
	/*
		background-image: linear-gradient(to right, rgba(0,0,0,0),rgba(0,0,0,0.4));
	*/
}


.close{
	 position: absolute;
	 top: 0;
	 right: 2em;
	 padding: .5em;
	 width: 10px;
	 text-align: right;
    z-index: 500040;
	 /*
	 background-image: linear-gradient(to right, rgba(0,0,0,0),rgba(0,0,0,0.4));
	 */
}
.slidenav{

	 color: white;
	 font-size: 1em;
	  text-decoration: none;
	  /*
	  background: rgba(25, 25, 25, .5);
	  */
	  cursor: pointer;
}

		   @media(max-width: 700px){
			  #imageData{
				 font-size: 12px;
				 top:5px;
				 /*margin-top: -22px;
				  */

			  }

			 
		   }

		   @media (min-width: 600px){
			  
			  
		   }