#sezione-servizi{padding:48px 0 0}
#sezione-servizi .layer-scuro{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7)}
#sezione-servizi h3{color:#4da392;text-align:center;font-size:48px}


#sezione-servizi .item{overflow:hidden}
#sezione-servizi .item .layer-scuro{opacity:0;transition:opacity .5s ease-in-out}
#sezione-servizi .item:hover .layer-scuro{opacity:1}
#sezione-servizi .position-fill{transform:translateY(100%);transition:transform .5s ease-in-out}
#sezione-servizi .nome-servizio{transform:translateY(calc(-100% - 32px)) translateX(-50%)}
#sezione-servizi .item:hover .position-fill{transform:translateY(50%)}
#sezione-servizi .item img{transition:transform .5s ease-in-out}
#sezione-servizi .item:hover img{transform:scale(1.2)}



#sezione-servizi .item .layer-scuro-opacity-1{opacity:1}
#sezione-servizi .position-fill-translated{transform:translateY(50%)}
#sezione-servizi .image-scaled{transform:scale(1.2)}




#sezione-servizi .nome-servizio{font-size:36px}

@media(min-width:1280px){
    #sezione-servizi{padding:80px 0 0;}
    #sezione-servizi h3{font-size:3em!important;margin-bottom:32px}
    #sezione-servizi .item{width:20%}
    #sezione-servizi .item h4{font-size:2em}    
}