<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">ul#galleria {
	display:block;
	width:100%;
	min-height:150px;
	margin:0;
	padding:0;
	list-style-type:none;
}
ul#galleria li {
	display:inline-block;
	vertical-align:top;
	width:96%;
	height:auto;
	margin:7px 2%;
	-webkit-transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    transition: .3s all ease-out;
	overflow:hidden;
}
ul#galleria li img {
	display:inline-block;
	width:100%;
	max-height:auto;
	margin:0;
	background-color: #333;
	color: white;
	position: relative;
}
.masonry-brick {
  overflow: hidden;
  margin: 0 0 17px 17px;  /* Some Gutter */
  background-color: #333;
  color: white;
  position: relative;
}

.masonry-brick:after {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 5000;
  transform: translate(-50%, -50%);
 /* counter-increment: brick;
  content: counter(brick);*/
  transition: font-size .25s, opacity .25s ease-in-out;
  font-weight: 700;
  opacity: .5;
  font-size: 1.25em;
}

.masonry-brick:hover:after {
  font-size: 2.25em;
  opacity: 1;
}
/* Layout tablet: da 481 px a 768 px. Eredita stili da: Layout mobile. */
@media only screen and (min-width: 481px ) {
ul#galleria {
	display:block;
	width:100%;
	min-height:150px;
	margin:0;
	padding:0;
	list-style-type:none;
}
ul#galleria li {
	display:inline-block;
	vertical-align:top;
	width:96%;
	height:auto;
	margin:7px 2%;
	-webkit-transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    transition: .3s all ease-out;
}
ul#galleria li img {
	display:inline-block;
	width:100%;
	max-height:auto;
	margin:0;
}
}
/* Layout landscape: da 769 px a 1024 px max.  Eredita stili da: Layout mobile e Layout tablet portrait */
@media only screen and (min-width: 769px ) {
ul#galleria {
	display:inline-block;
	width:100%;
	min-height:150px;
	margin:0;
	padding:0;
	list-style-type:none;
}
ul#galleria li {
	float:left;
	display:block;
	width:auto;
	height:auto;
	margin:7px;
}
ul#galleria li img {
	display:block;
	width:auto;
	height:auto;
	max-height:140px;
	margin:0;
}
}
/* Layout desktop: da 769 px a 1232 px max.  Eredita stili da: Layout mobile e Layout tablet. */
@media only screen and (min-width: 1025px ) {
ul#galleria {
	display:inline-block;
	width:100%;
	min-height:150px;
	margin:0;
	padding:0;
	list-style-type:none;
}
ul#galleria li {
	float:left;
	display:block;
	width:auto;
	height:auto;
	margin:7px;
}
ul#galleria li img {
	display:block;
	width:auto;
	height:auto;
	max-height:220px;
	margin:0;
}
}</pre></body></html>