html,
body {
    height: 99%;
	width: 99%;
	overflow-y: auto; /* Hide vertical scrollbar */
	overflow-x: auto; /* Hide horizontal scrollbar */
}

	div.smallDiv{
		max-width: 33%;
	}
	div.container{
	}
	
	div.rowCenter2
	{
		width:100vw;
		max-width:99%;
		height:100vw;
		max-height:99%;
		position:relative;
	}
	
	.content {
		width: 100%;
        height: 100%;
        position: absolute; /*Can also be `fixed`*/
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        /*Solves a problem in which the content is being cut when the div is smaller than its' wrapper:*/
        max-width: 100%;
        max-height: 100%;
        overflow: auto;	}
	
	img.smallResolution{
		overflow-y: auto; /* Hide vertical scrollbar */
		overflow-x: auto; /* Hide horizontal scrollbar */
		width:33vh;
		max-width:140px;
		height:33vh;
		max-height:140px;
		position:relative;
    }
	.container{
	  position:relative;
	}
	.element{
	  position:absolute;
	  top: 0; bottom: 0; left: 0; right: 0;
	  margin: auto;
	  height: 20px; /*requires explicit height*/
	}
	
	
	.contentBanchetti {
	  position: relative;
	  left: 50%;
	  top: 50%;
	  -webkit-transform: translate(-50%, -50%);
	  transform: translate(-50%, -50%);
	}
	
	.wrapper{
		display: grid;
		grid-template-columns: repeat( auto-fit,minmax(210px, 1fr) ););
		grid-gap: 20px;
		grid-column-gap: 20px;
		grid-auto-rows: 210px;
	}
	img.thumbnail{
		min-height: 100px;
		min-width:  100px;
		max-height: 210px;
		max-width:  210px;
		transition: transform .2s; /* Animation */
	}
	
	.contentThumbnail {
	  position: relative;
	  left: 50%;
	  top: 50%;
	  -webkit-transform: translate(-50%, -50%);
	  transform: translate(-50%, -50%);
	}
	
	.thumbnail:hover {
	  transform: scale(1.5); /* (250% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
	}
		
	
	@media screen and (max-width: 1024px) {
		div.wrapper{
			display: grid;
			grid-template-columns: repeat( auto-fit,minmax(100px, 1fr) ););
			grid-gap: 20px;
			grid-column-gap: 20px;
			grid-auto-rows: 100px;
		}
		img.thumbnail{
			min-height: 80px;
			min-width:  80px;
			max-height: 100px;
			max-width:  100px;
		}
	}
	
	@media screen and (max-width: 1600px) {
		div.wrapper{
			display: grid;
			grid-template-columns: repeat( auto-fit,minmax(190px, 1fr) ););
			grid-gap: 20px;
			grid-column-gap: 20px;
			grid-auto-rows: 190px;
		}
		img.thumbnail{
			min-height: 80px;
			min-width:  80px;
			max-height: 190px;
			max-width:  190px;
		}
	}