.thumbnails	{
	max-width: 100%;
	margin: 0 auto; 
	flex-wrap: wrap;	
	/*background: red;*/
	position: relative; 	
	margin-left: 0;
	margin-top: 0;
}

.thumbnail {
	width: 5em;
	height: 5em;
	padding-top: .2em;
  	padding-bottom: .2em;
  	padding-left: .2em;
  	padding-right: .2em;
  	box-shadow: .5em .5em .2em #AAAAAA;
  	border: 3px solid green;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
	-khtml-border-radius: 10px; /* for old Konqueror browsers */
}

.fullImage	{
	max-width: 70%;
	max-height: 70%;
	width: 70em;
	object-fit: contain;
	box-shadow: .5em .5em .2em #AAAAAA;
  	border: 3px solid green;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
	-khtml-border-radius: 10px; /* for old Konqueror browsers */
  

	
}
.icon	{
	max-width: 1em;
	max-height: 1em;
	box-shadow: 1em 1em .5em grey;
}

#fullImageDiv    {
     text-align: center;
    position: absolute;
    max-width: 100%;
    top: 10%;
    left: 10%;
    z-index:2;
    background: #ffffff;
     padding: 2em;
     padding-top: .2em;
  	padding-bottom: .2em;
  	padding-left: .2em;
  	padding-right: .2em;
  	box-shadow: .5em .5em .2em #AAAAAA;
  	border: 3px solid green;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
	-khtml-border-radius: 10px; /* for old Konqueror browsers */
}