#contentLAYOUT section.page .content.pubblications { width: 100%; height: 88vh; overflow-y: auto; font-size: 0; letter-spacing: 0; line-height: 0; }
#contentLAYOUT section.page .content.pubblications > .wrap { display: flex; flex-wrap: nowrap; flex-direction: row; align-items: stretch; }
#contentLAYOUT section.page .content.pubblications .column { /*width: 33.33%;*/ vertical-align: top; display: inline-block; position: relative; }
#contentLAYOUT section.page .content.pubblications .column > .wrap { width: 100%; /*width: calc(100% - 1px); border-right: 1px solid #666666;*/ }

#contentLAYOUT section.page .content.pubblications .publication {  }
#contentLAYOUT section.page .content.pubblications .publication > .wrap { padding: max(4vh,32px); border-right: 1px solid #666666; border-bottom: 1px solid #666666; }
#contentLAYOUT section.page .content.pubblications .publication button { width: 100%; height: calc(50vh - max(8vh,64px)); cursor: default; }
#contentLAYOUT section.page .content.pubblications .publication button img { max-width: 100%; max-height: 100%; }
#contentLAYOUT section.page .content.pubblications .publication button[data-href] { cursor: pointer; }
#contentLAYOUT section.page .content.pubblications .column-2 > .wrap { position: absolute; }

#contentLAYOUT section.page .content.pubblications .column:last-child > .wrap { /*width: 100%; border-right: 0;*/ }
#contentLAYOUT section.page .content.pubblications .column .publication:last-child > .wrap { /*border-bottom: 0;*/ }


#contentLAYOUT section.page .content.pubblications.desktop .column { width: 33.33%; }
#contentLAYOUT section.page .content.pubblications.mobile .column { width: 50%; }




@media screen and (min-width: 1025px) {
	
	
	
}

@media screen and (max-width: 1024px) {
	
	
	
}

@media screen and (max-width: 768px) {

}

@media screen and (max-width: 667px) {



}

@media screen and (max-width: 414px) {
	

  
}