/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/
.breadcrumbs{
 background-color:white;
 color:black;
}
.heroPortfolio, .innerServiziOfferti::after, .aboutPortfolio, .interventoPortfolio, .sapernePiuPortfolio {
 background: #125D77;
}
h1.titleHeroPortfolio, button.returnPortfolio a, h2.titleAboutPortfolio, .textAbout > p, h2.titleIntervento, .containerTextInteervento p, .interventoPortfolio button.buttonBorder, h2.titleTeamPortfolio, h3.nomeMembro, p.ruoloMembro, h2.titleSapernePortfolio, button.buttonTorna a, button.buttonProssimo a, .buttonCaseHistory a, .buttonCaseHistory a:hover {
 color: #fff;
}
h2.titleServiziOfferti, p.title-serviziOfferti, blockquote::before, h2.titleobiettiviPortfolio, h2.titleSfideProgetto, p.titoloSfida, h2.titleStrategia, p.textStrategia, h2.titleGalleryPortfolio, h2.titleVideoPortfolio {
 color: #125D77;
}
li.itemServiziOfferti, p.clienteServiziOfferti, p.annoServiziOfferti, p.sitoServiziOfferti a, .citazioneCliente blockquote > p:first-child, .citazioneCliente blockquote > p:nth-child(2), .citazioneCliente blockquote > p:nth-child(3), p.textSfida, .sfideProgetto button.buttonBorder {
 color: #000;
}
.sfideProgetto{
 background-color: #F4F4F4;
}
.sfideProgetto button.buttonBorder {
 border: 0.5px solid #000;
}
.strategia::before, .sfideProgetto .dot, .teamPortfolio{
 background-color: #000;
}
img.bigliettiVisitaEmporio {
 right: 0;
}
.interventoPortfolio button.buttonBorder, .buttonTorna, .buttonProssimo{
 border: 0.5px solid #fff;
}
.interventoPortfolio .dot, .blueDot{
 background-color: #FFF;
}
.precImage, .nextImage {
 filter: brightness(0) saturate(100%) invert(28%) sepia(32%) saturate(1128%) hue-rotate(149deg) brightness(98%) contrast(93%);
}
.videoGalleryPortfolio {
 background: #F4F4F4;
}
@media (max-width: 420px){
 blockquote::before {
  left: 3vw;
 }
 p.titoloSfida {
  line-height: 7vw;
 }
 img.bigliettiVisitaEmporio {
  width: 60vw;
  bottom: 88vw;
 }
}
@media (min-width: 421px) and (max-width: 550px){
 blockquote::before {
  left: 11vw;
 }
 .citazioneCliente blockquote > p:first-child {
  width: 74vw;
 }
 p.titoloSfida {
  line-height: 5vw;
 }
 p.textStrategia {
  width: 71vw;
 } 
 img.bigliettiVisitaEmporio {
  bottom: 67vw;
  width: 62vw;
 }
}
@media (max-width: 550px){
 .buttonContainerPortfolio {
  bottom: -26vw;
 }
}
@media
only screen and (-webkit-max-device-pixel-ratio: 1)      and (max-width: 550px),
only screen and (   max--moz-device-pixel-ratio: 1)      and (max-width: 550px),
only screen and (     -o-max-device-pixel-ratio: 1/1)    and (max-width: 550px),
only screen and (        max-device-pixel-ratio: 1)      and (max-width: 550px),
only screen and (                max-resolution: 1dppx)  and (max-width: 550px){ 
 .backHeroPortfolio {
  background: url(/wp-content/uploads/2023/11/heroMyCommis550.webp);
  height: calc(100vw / (600 / 481));
 }
 .serviziOfferti {
  background: url(/wp-content/uploads/2023/11/backServiziMyCommis550.webp);
 }
 .col1-aboutPortfolio {
  background: url(/wp-content/uploads/2023/11/aboutMyCommis550.webp);
  height: calc(100vw / (600 / 470));
 }
 .col2-obiettiviPortfolio{
  background-image: url(/wp-content/uploads/2023/11/obiettiviMyCommis550.webp);
  height: calc(100vw / (600 / 592));
 }
 .col2-intervento{
  background-image: url(/wp-content/uploads/2023/11/interventoMyCommis550.webp);
  height: calc(100vw / (600 / 518));
 }
 .col2-sapernePortfolio{
  background-image: url(/wp-content/uploads/2023/11/caseMyCommis550.webp);
  height: calc(100vw / (600 / 424));
 }
}
@media
only screen and (-webkit-min-device-pixel-ratio: 1.2)      and (max-width: 550px),
only screen and (   min--moz-device-pixel-ratio: 1.2)      and (max-width: 550px),
only screen and (     -o-min-device-pixel-ratio: 1.2/1)    and (max-width: 550px),
only screen and (        min-device-pixel-ratio: 1.2)      and (max-width: 550px),
only screen and (                min-resolution: 1.2dppx)  and (max-width: 550px){ 
 .backHeroPortfolio {
  background: url(/wp-content/uploads/2023/11/heroMyCommisRetina550.webp);
  height: calc(100vw / (1000 / 802));
 }
 .serviziOfferti {
  background: url(/wp-content/uploads/2023/11/backServiziMyCommisRetina550.webp);
 }
 .col1-aboutPortfolio {
  background-image: url(/wp-content/uploads/2023/11/aboutMyCommisRetina550.webp);
  height: calc(100vw / (1000 / 783));
 }
 .col2-obiettiviPortfolio {
  background-image: url(/wp-content/uploads/2023/11/obiettiviMyCommisRetina550.webp);
  height: calc(100vw / (1000 / 986));
 }
 .col2-intervento {
  background-image: url(/wp-content/uploads/2023/11/interventoMyCommisRetina550.webp);
  height: calc(100vw / (1000 / 863));
 }
 .col2-sapernePortfolio {
  background-image: url(/wp-content/uploads/2023/11/caseMyCommisRetina550.webp);
  height: calc(100vw / (1000 / 707));
 }
}
@media (min-width: 551px) and (max-width: 766.9px){
 h2.titleServiziOfferti, .citazioneCliente blockquote > p:first-child {
  width: 76vw;
 }
 blockquote::before {
  left: 9vw;
 }
 img.bigliettiVisitaEmporio {
  width: 60vw;
  bottom: 62vw;
 }
}
@media
only screen and (-webkit-max-device-pixel-ratio: 1)      and (min-width: 551px) and (max-width: 766.9px),
only screen and (   max--moz-device-pixel-ratio: 1)      and (min-width: 551px) and (max-width: 766.9px),
only screen and (     -o-max-device-pixel-ratio: 1/1)    and (min-width: 551px) and (max-width: 766.9px),
only screen and (        max-device-pixel-ratio: 1)      and (min-width: 551px) and (max-width: 766.9px),
only screen and (                max-resolution: 1dppx)  and (min-width: 551px) and (max-width: 766.9px){ 
 .backHeroPortfolio {
  background: url(/wp-content/uploads/2023/11/heroMyCommis551.webp);
  height: calc(100vw / (800 / 641));
 }
 .serviziOfferti {
  background: url(/wp-content/uploads/2023/11/backServiziMyCommis551.webp);
 }
 .col1-aboutPortfolio {
  background: url(/wp-content/uploads/2023/11/aboutMyCommis551.webp);
  height: calc(100vw / (800 / 627));
 }
 .col2-obiettiviPortfolio{
  background-image: url(/wp-content/uploads/2023/11/obiettiviMyCommis551.webp);
  height: calc(100vw / (800 / 819));
 }
 .col2-intervento {
  background-image: url(/wp-content/uploads/2023/11/interventoMyCommis551.webp);
  height: calc(100vw / (800 / 691));
 }
 .col2-sapernePortfolio{
  background-image: url(/wp-content/uploads/2023/11/caseMyCommis551.webp);
  height: calc(100vw / (800 / 572));
 }
}
@media
only screen and (-webkit-min-device-pixel-ratio: 1.2)      and (min-width: 551px) and (max-width: 766.9px),
only screen and (   min--moz-device-pixel-ratio: 1.2)      and (min-width: 551px) and (max-width: 766.9px),
only screen and (     -o-min-device-pixel-ratio: 1.2/1)    and (min-width: 551px) and (max-width: 766.9px),
only screen and (        min-device-pixel-ratio: 1.2)      and (min-width: 551px) and (max-width: 766.9px),
only screen and (                min-resolution: 1.2dppx)  and (min-width: 551px) and (max-width: 766.9px){ 
 .backHeroPortfolio {
  background: url(/wp-content/uploads/2023/11/heroMyCommisRetina551.webp);
  height: calc(100vw / (1200 / 962));
 }
 .serviziOfferti {
  background: url(/wp-content/uploads/2023/11/backServiziMyCommisRetina551.webp);
 }
 .col1-aboutPortfolio {
  background-image: url(/wp-content/uploads/2023/11/aboutMyCommisRetina551.webp);
  height: calc(100vw / (1200 / 940));
 }
 .col2-obiettiviPortfolio {
  background-image: url(/wp-content/uploads/2023/11/obiettiviMyCommisRetina551.webp);
  height: calc(100vw / (1200 / 1228));
 }
 .col2-intervento {
  background-image: url(/wp-content/uploads/2023/11/interventoMyCommisRetina551.webp);
  height: calc(100vw / (1200 / 1036));
 }
 .col2-sapernePortfolio {
  background-image: url(/wp-content/uploads/2023/11/caseMyCommisRetina551.webp);
  height: calc(100vw / (1200 / 857));
 }
}
@media (max-width: 766.9px){
 .citazioneCliente blockquote > p:first-child {
  margin-right: 0;
  margin-left: auto;
 }
 .strategia::before {
  width: 80%;
 }
}
@media (min-width: 767px) and (max-width: 899.9px){
 h1.titleHeroPortfolio span {
  width: 60vw;
 }
 h2.titleServiziOfferti {
  width: 74vw;
 }
 blockquote::before {
  left: 13vw;
 }
 .citazioneCliente blockquote > p:first-child {
  width: 72vw;
 }
 .textAbout {
  width: 67vw;
 }
 .textObiettivi, p.textSfida, .containerTextInteervento {
  width: 66vw;
 }
 .strategia::before {
  width: 90%;
 }
 p.textStrategia {
  width: 57vw;
 }
 img.bigliettiVisitaEmporio {
  width: 57vw;
  bottom: 45vw;
 }
}
@media
only screen and (-webkit-max-device-pixel-ratio: 1)      and (min-width: 767px) and (max-width: 899.9px),
only screen and (   max--moz-device-pixel-ratio: 1)      and (min-width: 767px) and (max-width: 899.9px),
only screen and (     -o-max-device-pixel-ratio: 1/1)    and (min-width: 767px) and (max-width: 899.9px),
only screen and (        max-device-pixel-ratio: 1)      and (min-width: 767px) and (max-width: 899.9px),
only screen and (                max-resolution: 1dppx)  and (min-width: 767px) and (max-width: 899.9px){ 
 .backHeroPortfolio {
  background: url(/wp-content/uploads/2023/11/heroMyCommis767.webp);
  height: calc(100vw / (1000 / 802));
 }
 .serviziOfferti {
  background: url(/wp-content/uploads/2023/11/backServiziMyCommis767.webp);
 }
 .col1-aboutPortfolio {
  background: url(/wp-content/uploads/2023/11/aboutMyCommis767.webp);
  height: calc(100vw / (1000 / 783));
 }
 .col2-obiettiviPortfolio {
  background: url(/wp-content/uploads/2023/11/obiettiviMyCommis767.webp);
  height: calc(100vw / (1000 / 1024));
 }
 .col2-intervento{
  background: url(/wp-content/uploads/2023/11/interventoMyCommis767.webp);
  height: calc(100vw / (800 / 863));	 
 }
 .col2-sapernePortfolio{
  background: url(/wp-content/uploads/2023/11/caseMyCommis767.webp);
  height: calc(100vw / (1000 / 714));
 }
}
@media
only screen and (-webkit-min-device-pixel-ratio: 1.2)      and (min-width: 767px) and (max-width: 899.9px),
only screen and (   min--moz-device-pixel-ratio: 1.2)      and (min-width: 767px) and (max-width: 899.9px),
only screen and (     -o-min-device-pixel-ratio: 1.2/1)    and (min-width: 767px) and (max-width: 899.9px),
only screen and (        min-device-pixel-ratio: 1.2)      and (min-width: 767px) and (max-width: 899.9px),
only screen and (                min-resolution: 1.2dppx)  and (min-width: 767px) and (max-width: 899.9px){ 
 .backHeroPortfolio {
  background: url(/wp-content/uploads/2023/11/heroMyCommisRetina767.webp);
  height: calc(100vw / (1400 / 1122));
 }	
 .serviziOfferti {
  background: url(/wp-content/uploads/2023/11/backServiziMyCommisRetina767.webp);
 }
 .col1-aboutPortfolio {
  background: url(/wp-content/uploads/2023/11/aboutMyCommisRetina767.webp);
  height: calc(100vw / (1400 / 1097));
 }
 .col2-obiettiviPortfolio {
  background: url(/wp-content/uploads/2023/11/obiettiviMyCommisRetina767.webp);
  height: calc(100vw / (1400 / 1433));
 }
 .col2-intervento{
  background: url(/wp-content/uploads/2023/11/interventoMyCommisRetina767.webp);
  height: calc(100vw / (1400 / 1208)); 
 }
 .col2-sapernePortfolio{
  background: url(/wp-content/uploads/2023/11/caseMyCommisRetina767.webp);
  height: calc(100vw / (1400 / 1000)); 
 }
}
@media (max-width: 899.9px){
 .col1-aboutPortfolio, .col2-intervento {
  border-bottom: 1px solid #fff;
 }
 .col2-obiettiviPortfolio {
  border-bottom: 1px solid #125D77;
 }
}
@media (min-width: 900px){
 .backHeroPortfolio, .gridObiettiviPortfolio, .gridInterventoPortfolio {
  background-position: right center !important;
 }
 .gridAboutPortfolio.start {
  background-position: left center;
 }
}
@media (min-width: 900px) and (max-width: 1099.9px){
 .gridAboutPortfolio, .gridInterventoPortfolio{
  background-size: cover !important;
 }
 .col2-aboutPortfolio {
  padding: 8vw 0;
 }
 .textAbout {
  width: 49vw;
 }
 .gridObiettiviPortfolio{
  background-size: contain !important;
 }
 .textObiettivi > p {
  width: 43vw;
 }
 p.titoloSfida {
  line-height: 3vw;
 }
 .strategia::before {
  width: 80% ;
 }
 p.textStrategia, .containerTextInteervento {
  width: 45vw;
 }
 img.bigliettiVisitaEmporio {
  bottom: 28vw;
  width: 60vw;
 }
}
@media
only screen and (-webkit-max-device-pixel-ratio: 1)      and (min-width: 900px) and (max-width: 1099.9px),
only screen and (   max--moz-device-pixel-ratio: 1)      and (min-width: 900px) and (max-width: 1099.9px),
only screen and (     -o-max-device-pixel-ratio: 1/1)    and (min-width: 900px) and (max-width: 1099.9px),
only screen and (        max-device-pixel-ratio: 1)      and (min-width: 900px) and (max-width: 1099.9px),
only screen and (                max-resolution: 1dppx)  and (min-width: 900px) and (max-width: 1099.9px){ 
 .backHeroPortfolio {
  background: url(/wp-content/uploads/2023/11/heroMyCommis900.webp);
 }
 .serviziOfferti {
  background: url(/wp-content/uploads/2023/11/backServiziMyCommis900.webp);
 } 
 .gridAboutPortfolio {
  background-image: url(/wp-content/uploads/2023/11/aboutMyCommis900.webp);
 }
 .gridObiettiviPortfolio{
  background-image: url(/wp-content/uploads/2023/11/obiettiviMyCommis900.webp);
 }
 .gridInterventoPortfolio{
  background-image: url(/wp-content/uploads/2023/11/interventoMyCommis900.webp);
 }
 .col2-sapernePortfolio {
  background-image: url(/wp-content/uploads/2023/11/caseMyCommis900.webp);
  height: calc(100vw / (1200 / 857));
 }
}
@media
only screen and (-webkit-min-device-pixel-ratio: 1.2)      and (min-width: 900px) and (max-width: 1099.9px),
only screen and (   min--moz-device-pixel-ratio: 1.2)      and (min-width: 900px) and (max-width: 1099.9px),
only screen and (     -o-min-device-pixel-ratio: 1.2/1)    and (min-width: 900px) and (max-width: 1099.9px),
only screen and (        min-device-pixel-ratio: 1.2)      and (min-width: 900px) and (max-width: 1099.9px),
only screen and (                min-resolution: 1.2dppx)  and (min-width: 900px) and (max-width: 1099.9px){ 
 .backHeroPortfolio {
  background: url(/wp-content/uploads/2023/11/heroMyCommisRetina900.webp);
 }	 
 .serviziOfferti {
  background: url(/wp-content/uploads/2023/11/backServiziMyCommisRetina900.webp);
 } 
 .gridAboutPortfolio {
  background-image: url(/wp-content/uploads/2023/11/aboutMyCommisRetina900.webp);
 }
 .gridObiettiviPortfolio {
  background: url(/wp-content/uploads/2023/11/obiettiviMyCommisRetina900.webp);
 }
 .gridInterventoPortfolio {
  background: url(/wp-content/uploads/2023/11/interventoMyCommisRetina900.webp);
 }
 .col2-sapernePortfolio {
  background-image: url(/wp-content/uploads/2023/11/caseMyCommisretina900.webp);
  height: calc(100vw / (1600 / 1143));
 }
}
@media (min-width: 900px) and (max-width: 1400px){
 h1.titleHeroPortfolio span {
  width: 42vw;
 }
 h2.titleServiziOfferti {
  width: 80vw;
 }
 blockquote::before {
  right: 75vw;
 }
 .citazioneCliente blockquote > p:first-child {
  width: 73vw;
 }
}
@media (min-width: 1100px) and (max-width: 1400px){
 .gridAboutPortfolio.start{
  animation: fadeInZoomAbout1200 3s linear;
  background-size: 130%;
 }
 .col2-aboutPortfolio {
  padding: 6vw 0;
 }
 .textAbout {
  width: 43vw;
 }
 .gridObiettiviPortfolio.start{
  animation: fadeInZoomObiettivi1200 3s linear;
  background-size: 77%;
 }
 .textObiettivi > p {
  width: 40vw;
 }
 img.picComposizioneObiettivi {
  width: 47vw;
 }
 p.titoloSfida {
  line-height: 2.5vw;
 }
 .strategia::before {
  width: 92%;
 }
 p.textStrategia {
  width: 34vw;
 }
 img.bigliettiVisitaEmporio {
  width: 40vw;
  bottom: 20vw;
 }
 .gridInterventoPortfolio.start{
  animation: fadeInZoomIntervento1200 3s linear;
  background-size: 87%;
 }
 .containerTextInteervento{
  width:44vw;	
 }
}
@media
only screen and (-webkit-max-device-pixel-ratio: 1)      and (min-width: 1100px) and (max-width: 1400px),
only screen and (   max--moz-device-pixel-ratio: 1)      and (min-width: 1100px) and (max-width: 1400px),
only screen and (     -o-max-device-pixel-ratio: 1/1)    and (min-width: 1100px) and (max-width: 1400px),
only screen and (        max-device-pixel-ratio: 1)      and (min-width: 1100px) and (max-width: 1400px),
only screen and (                max-resolution: 1dppx)  and (min-width: 1100px) and (max-width: 1400px){ 
 .backHeroPortfolio {
  background: url(/wp-content/uploads/2023/11/heroMyCommis1100.webp);
 }
 .serviziOfferti {
  background: url(/wp-content/uploads/2023/11/backServiziMyCommis1100.webp);
 } 
 .gridAboutPortfolio {
  background-image: url(/wp-content/uploads/2023/11/aboutMyCommis1100.webp);
 }
 .gridObiettiviPortfolio {
  background: url(/wp-content/uploads/2023/11/obiettiviMyCommis1100.webp);
 }
 .gridInterventoPortfolio {
  background: url(/wp-content/uploads/2023/11/interventoMyCommis1100.webp);
 }
 .col2-sapernePortfolio {
  background-image: url(/wp-content/uploads/2023/11/caseMyCommis1100.webp);
  height: calc(100vw / (1400 / 900));
 }
}
@media
only screen and (-webkit-min-device-pixel-ratio: 1.2)      and (min-width: 1100px) and (max-width: 1400px),
only screen and (   min--moz-device-pixel-ratio: 1.2)      and (min-width: 1100px) and (max-width: 1400px),
only screen and (     -o-min-device-pixel-ratio: 1.2/1)    and (min-width: 1100px) and (max-width: 1400px),
only screen and (        min-device-pixel-ratio: 1.2)      and (min-width: 1100px) and (max-width: 1400px),
only screen and (                min-resolution: 1.2dppx)  and (min-width: 1100px) and (max-width: 1400px){ 
 .backHeroPortfolio {
  background: url(/wp-content/uploads/2023/11/heroMyCommisRetina1100.webp);
 }
 .serviziOfferti {
  background: url(/wp-content/uploads/2023/11/backServiziMyCommisRetina1100.webp);
 } 
 .gridAboutPortfolio {
  background-image: url(/wp-content/uploads/2023/11/aboutMyCommisRetina1100.webp);
 }
 .gridObiettiviPortfolio {
  background: url(/wp-content/uploads/2023/11/obiettiviMyCommisRetina1100.webp);
 }
 .gridInterventoPortfolio {
  background: url(/wp-content/uploads/2023/11/interventoMyCommisRetina1100.webp);
 }
 .col2-sapernePortfolio {
  background-image: url(/wp-content/uploads/2023/11/caseMyCommisRetina1100.webp);
  height: calc(100vw / (1800 / 1157));
 }
}
@media (min-width: 1401px){
 h1.titleHeroPortfolio span {
  width: 33vw;
 }
 h2.titleServiziOfferti {
  width: 61vw;
 }
 blockquote::before {
  right: 56vw;
 }
 .citazioneCliente blockquote > p:first-child {
  width: 55vw;
 }
 .gridAboutPortfolio.start{
  animation: fadeInZoomAbout2000 3s linear;
  background-size: 91%;
 }
 .textAbout {
  width: 29vw;
 }
 .gridObiettiviPortfolio.start{
  animation: fadeInZoomObiettivi2000 3s linear;
  background-size: 80%;
 }
 .textObiettivi > p {
  width: 30vw;
 }
 img.picComposizioneObiettivi {
  width: 42vw;
 }
 .strategia::before {
  width: 100%;
 }
 p.titoloSfida {
  line-height: 1.5vw;
 }
 .gridSfideProgetto {
  padding: 0 0 4.5vw ;
 }
 p.textStrategia {
  width: 26vw;
 }
 img.bigliettiVisitaEmporio {
  bottom: 2vw;
  width: 45vw;
 }
 .gridInterventoPortfolio.start{
  animation: fadeInZoomIntervento2000 3s linear;
  background-size: 68%;
 }
 .containerTextInteervento {
  width: 32vw;
 }
}
@media
only screen and (-webkit-max-device-pixel-ratio: 1)      and (min-width: 1401px),
only screen and (   max--moz-device-pixel-ratio: 1)      and (min-width: 1401px),
only screen and (     -o-max-device-pixel-ratio: 1/1)    and (min-width: 1401px),
only screen and (        max-device-pixel-ratio: 1)      and (min-width: 1401px),
only screen and (                max-resolution: 1dppx)  and (min-width: 1401px){ 
 .backHeroPortfolio {
  background: url(/wp-content/uploads/2023/11/heroMyCommis1401.webp);
 }
 .serviziOfferti {
  background: url(/wp-content/uploads/2023/11/backServiziMyCommis1401.webp);
 } 
 .gridAboutPortfolio {
  background-image: url(/wp-content/uploads/2023/11/aboutMyCommis1401.webp);
 }
 .gridObiettiviPortfolio{
  background-image: url(/wp-content/uploads/2023/11/obiettiviMyCommis1401.webp) !important;
 }
 .gridInterventoPortfolio{
  background-image: url(/wp-content/uploads/2023/11/interventoiMyCommis1401.webp);
 }
 .col2-sapernePortfolio{
  background-image: url(/wp-content/uploads/2023/11/caseMyCommis1401.webp);
  height: calc(100vw / ( 2000 / 1078 ));
 }
}
@media
only screen and (-webkit-min-device-pixel-ratio: 1.2)      and (min-width: 1401px),
only screen and (   min--moz-device-pixel-ratio: 1.2)      and (min-width: 1401px),
only screen and (     -o-min-device-pixel-ratio: 1.2/1)    and (min-width: 1401px),
only screen and (        min-device-pixel-ratio: 1.2)      and (min-width: 1401px),
only screen and (                min-resolution: 1.2dppx)  and (min-width: 1401px){ 
 .backHeroPortfolio {
  background: url(/wp-content/uploads/2023/11/heroMyCommisRetina1401.webp);
 }
 .serviziOfferti {
  background: url(/wp-content/uploads/2023/11/backServiziMyCommisRetina1401.webp);
 } 
 .gridAboutPortfolio {
  background-image: url(/wp-content/uploads/2023/11/aboutMyCommisRetina1401.webp);
 }
 .gridObiettiviPortfolio {
  background: url(/wp-content/uploads/2023/11/obiettiviMyCommisRetina1401.webp);
 }
 .gridInterventoPortfolio {
  background: url(/wp-content/uploads/2023/11/interventoiMyCommisRetina1401.webp);
 }
 .col2-sapernePortfolio {
  background-image: url(/wp-content/uploads/2023/11/caseMyCommisRetina1401.webp);
  height: calc(100vw / ( 3000 / 1617 ));
 }
}
@keyframes fadeInZoomAbout1200{
 0%{opacity:0; background-size: 125%;}
 75%{opacity:1;}
 100%{background-size: 130%;}
}
@keyframes fadeInZoomAbout2000{
 0%{opacity:0; background-size: 86%;}
 75%{opacity:1;}
 100%{background-size: 91%;}
}
@keyframes fadeInZoomObiettivi1200{
 0%{opacity:0; background-size: 72%;}
 75%{opacity:1;}
 100%{background-size: 77%;}
}
@keyframes fadeInZoomObiettivi2000{
 0%{opacity:0; background-size: 75%;}
 75%{opacity:1;}
 100%{background-size: 80%;}
}
@keyframes fadeInZoomIntervento1200{
 0%{opacity:0; background-size: 82%;}
 75%{opacity:1;}
 100%{background-size: 87%;}
}
@keyframes fadeInZoomIntervento2000{
 0%{opacity:0; background-size: 63%;}
 75%{opacity:1;}
 100%{background-size: 68%;}
}