@media (max-width: 770px) {

     body
    {
        display: inline-block;
        width:100%;
        margin-left:auto;
        margin-right:auto;
    }

    p{
        font-size: 15px;
    }

    h1,
    h2{
        font-size: 35px;
    }

    h3{
        font-size: 30px !important; 
    }




    .soluzioni{
        flex-direction: column;
    }

    .soluzione img{
        max-width: 100%;
        padding: 3%;
    }

    .riquadrato{
        top: 5px;
        left: 5px;
    }




    .immagine_pei::after, .immagine_pei::before {
        display: none;
    }

    .progettieinnovazione{
        flex-direction: column;
    }


    .immagine_pei img{
        max-width: stretch;
    }

    .innovazione{
        flex-direction:column-reverse ;
    }





    .tutti_servizi{
        flex-direction: column;
    }

    .servizio{
        padding: 5%;
    }


    .footer{
        flex-direction: column;
    }


}




@media (min-width: 992px) {
    .navbar-expand-lg .navbar-toggler {
        display: none;
    }
}