:root{
    --pd_ltrt: 0 40px;
}
.only_mobile{
    display: none;
}
h2.l{
    font-size: 38px;
    letter-spacing: 1px;
}
p.l{
    font-size: 33px;
    line-height: normal;
}
.parallax_text_img .text::after{
    bottom: -40px;
    right: 8vw;
    width: 80px;
    height: 80px;
}
.parallax_text_img .text .title{
    font-size: 180px;
    font-weight: 400;
}
@media screen and (max-width: 1600px){
    .parallax_text_img .text .title{
        font-size: 110px;
    }
}
@media screen and (max-width: 1200px){
    .parallax_text_img .text .title{
        font-size: 80px;
    }
}
.space.l{
    clear: both;
    height: 180px;
}
.space.section{
    clear: both;
    height: 100px;
}
.space.mid{
    clear: both;
    height: 80px;
}
header{
    padding-top: 20px;
    padding-bottom: 20px;
}
.grid_2box{
    grid-template-columns: 1fr 1fr;
    gap: 50px;
}
.colored_box{
    padding-top: 50px;
    padding-bottom: 50px;
}
/* ======= SCROLLER ======= */
.scroller.text_img p{
    font-size: 30px;
}
.scroller.text_img figure{
    aspect-ratio: 16 / 9; 
    width: 20vw; 
    min-width: 150px;
    margin-top: 20px;
}
/* ======= END SCROLLER ======= */
.bck_img .info p{
    font-size: 33px;
}
/********** LOGOS_GRID ********/
.logos_grid{
    grid-template-columns: repeat(6, 1fr);
}
.logos_grid .item{
    padding: 40px;
    height: 240px;
}
@media screen and (max-width: 1400px){
    .logos_grid{
        grid-template-columns: repeat(4, 1fr);
    }

}
@media screen and (max-width: 1100px){
    .logos_grid{
        grid-template-columns: repeat(3, 1fr);
    }

}
/********** END LOGOS_GRID ********/
.box2_eq {
    gap: 50px;
}
.box2_eq p{
    font-size: 25px;
}
.box2_eq > div {
    width: 50%;
}
footer .grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 50px;
}
[data-dest='contatti'] .logo {
    width: 350px;
}
#map {
    height: 450px;
}
.parallax_text_img .text{
    mix-blend-mode: screen;
    padding-top: 150px;
    height: 70vh;
}