#wrapper-progetti {
	position:relative;
	clear:both;
	float:left;
	display:block;
	width:80%;
	min-height:350px;
	margin-top:5px;
	margin-bottom:15px;
	margin-left:10%;
	margin-right:10%;
	padding:0;
	text-align:center;
}
#masonry {
	clear:both;
	float:left;
	display:block;
	width:98%;
	margin-left:1%;
	margin-right:1%;
	min-height:100px;
	text-align:left;
}
ul#gallery  {
	padding:0;
	margin:0;
	width:100%;
	display:block;
	list-style-type:none;
	text-align:left;
}
ul#gallery li {
	list-style-type:none;
	display:inline-block;
	width:96%;
	margin-left:1.5%;
	margin-right:1.5%;
	margin-top:0;
	margin-bottom:30px;
	vertical-align:top;
	
}
img {
	display:block;
	width:100%;
	height:auto;
	overflow:hidden;
}
img:hover {
	width:100%;
	height:auto;
	/*transform: scale(1.05);*/
}
figure {
	display:inline-block;
	width:100%;
	margin:0 auto;
	padding:0;
/*	grid-template-row: 1fr auto;*/
	margin-bottom:0;
/*	break-inside:avoid;*/
	overflow:hidden;

}
figure a {
	color:#000;
	decoration:none;
}
figure img { /* Universal settings */
    -webkit-transition:all .4s;
    -moz-transition:all .4s;
    -ms-transition:all .4s;
    -o-transition:all .4s;
    transition:all .4s;
}
figure img:not(:hover) {
    -webkit-filter:grayscale(100%);
    -moz-filter:grayscale(100%);
    -ms-filter:grayscale(100%);
    -o-filter:grayscale(100%);
    filter:grayscale(100%);
}
figure img:hover {
    -webkit-filter:grayscale(0%);
    -moz-filter:grayscale(0%);
    -ms-filter:grayscale(0%);
    -o-filter:grayscale(0%);
    filter:grayscale(0%);
}
figcaption {
	width:98%;
	grid-row: 2;
	grid-column:1;
	padding:1%;
	justify-self:start;
}
figcaption {
	width:98%;
	padding:1.5% 1%;
}
figcaption h3 {
	font-family: 'DINPro';
    font-weight: 300;
    font-style: normal;
	font-size:1.23em; /* 16px */
	line-height:22px;
	text-align:left;
	padding: 1%;
	color:#000;
}
@media only screen and (min-width: 481px) {
#wrapper-progetti {
	position:relative;
	clear:both;
	float:left;
	display:block;
	width:80%;
	min-height:350px;
	margin-top:10px;
	margin-bottom:15px;
	margin-left:10%;
	margin-right:10%;
	padding:0;
	text-align:left;
}
#masonry {
	clear:both;
	float:left;
	display:block;
	width:98%;
	margin-left:1%;
	margin-right:1%;
	min-height:100px;
	text-align:left;
}
ul#gallery  {
	padding:0;
	margin:0;
	width:100%;
	display:block;
	list-style-type:none;
	text-align:left;
}
ul#gallery li {
	list-style-type:none;
	display:inline-block;
	width:96%;
	margin-left:1.5%;
	margin-right:1.5%;
	margin-top:0;
	margin-bottom:30px;
	vertical-align:top;
}
img {
	width:100%;
	height:auto;
}
figure {
	display:inline-block;
	width:100%;
	margin:0 auto;
	padding:0;
/*	grid-template-row: 1fr auto;*/
	margin-bottom:0;
/*	break-inside:avoid;*/
}
figure a {
	color:#000;
	decoration:none;
}
figcaption {
	width:98%;
	padding:1.5% 1%;
}
figcaption h3 {
	font-family: 'DINPro';
    font-weight: 300;
    font-style: normal;
	font-size:1.23em; /* 16px */
	line-height:22px;
	text-align:left;
	padding: 1%;
	color:#000;
}
}
/* 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 ) {
#wrapper-progetti {
	position:relative;
	clear:both;
	float:left;
	display:block;
	width:80%;
	min-height:350px;
	margin-top:10px;
	margin-bottom:15px;
	margin-left:10%;
	margin-right:10%;
	padding:0;
	text-align:left;
}
#masonry {
	clear:both;
	float:left;
	display:block;
	width:98%;
	margin-left:1%;
	margin-right:1%;
	min-height:100px;
	text-align:left;
}
ul#gallery  {
	padding:0;
	margin:0;
	width:100%;
	display:block;
	list-style-type:none;
	text-align:left;
}
ul#gallery li {
	list-style-type:none;
	display:inline-block;
	width:46%;
	margin-left:1.5%;
	margin-right:1.5%;
	margin-top:0;
	margin-bottom:30px;
	vertical-align:top;
}
img {
	width:100%;
	height:auto;
}
figure {
	display:inline-block;
	width:100%;
	margin:0 auto;
	padding:0;
/*	grid-template-row: 1fr auto;*/
	margin-bottom:0;
/*	break-inside:avoid;*/
}
figure a {
	color:#000;
	decoration:none;
}
figcaption {
	width:98%;
	padding:1.5% 1%;
}
figcaption h3 {
	font-family: 'DINPro';
    font-weight: 300;
    font-style: normal;
	font-size:1.23em; /* 16px */
	line-height:22px;
	text-align:left;
	padding: 1%;
	color:#000;
}
}
@media only screen and (min-width:1025px) {
#wrapper-progetti {
	position:relative;
	clear:both;
	float:left;
	display:block;
	width:80%;
	min-height:350px;
	margin-top:20px;
	margin-bottom:15px;
	margin-left:10%;
	margin-right:10%;
	padding:0;
	text-align:left;
}
#masonry {
	clear:both;
	float:left;
	display:block;
	width:100%;
	margin-left:0;
	margin-right:0;
	min-height:100px;
	text-align:left;
}
ul#gallery  {
	padding:0;
	margin:0;
	width:100%;
	display:block;
	list-style-type:none;
	text-align:left;
}
ul#gallery li {
	list-style-type:none;
	display:inline-block;
	width:46%;
	margin-left:1.5%;
	margin-right:1.5%;
	margin-top:0;
	margin-bottom:35px;
	vertical-align:top;
}
img {
	width:100%;
	height:auto;
}
figure {
	display:inline-block;
	width:100%;
	margin:0 auto;
	padding:0;
/*	grid-template-row: 1fr auto;*/
	margin-bottom:0;
/*	break-inside:avoid;*/
}
figure a {
	color:#000;
	decoration:none;
}
figcaption {
	width:98%;
	grid-row: 2;
	grid-column:1;
	padding:1.5% 1%;
	justify-self:start;
}
figcaption h3 {
	font-family: 'DINPro';
    font-weight: 300;
    font-style: normal;
	font-size:1.38em; /* 18px */
	line-height:24px;
	text-align:left;
	padding: 1%;
	color:#000;
}
}