body {

      margin: 0;

      padding: 0;

      font-family: Arial, sans-serif;

      background-color: #f4f4f4;

      display: flex;

      flex-direction: column;

      justify-content: center;

      align-items: center;

      height: 100vh;

      text-align: center;

      

    }



.logo {



      max-width: 250px;

      height: auto;

     margin-bottom: 30px; 

      margin-top: -60px; 

     

    }

    .main-content {

  flex: 1; 

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  text-align: center;

}

     .contatti {

      

      font-size: 0.9em;

      color: #333;

      display: flex;

      gap: 30px;

      flex-wrap: wrap;

      justify-content: center;

       margin-bottom: 100px; 

    }

    

    .restyling {

        

      font-size: 2em;

      font-weight: bold;

      color: #555;

       margin-bottom: 120px;

    }

 footer {

    background-color: #B1BDB6;

    color: black;

    text-align: center;

    padding: 10px 0;

    

    width: 100%;

    

}

.contatto-box {

  flex: 1 1 200px;              

  background-color: #fff;       

  border: 2px solid #B1BDB6;    

  border-radius: 8px;        

  padding: 1rem;

  box-shadow: 0 2px 4px rgba(0,0,0,0.1);

  font-size: 1.1em;             

  color: #333;

  text-align: center;

}



@media (max-width: 600px) {



  body {

   /* height: auto;*/              

    padding: 10px 5px;   

     justify-content: center;

    align-items: center;

    text-align: center;      

  }



  .logo {

    max-width: 180px;         

    margin-top: -30px;         

    margin-bottom: 20px;

  }



  .main-content {

    

       width: 100%;

    padding: 0 10px;

  }



  .contatti {

   /* font-size: 1em;             

    gap: 15px;                 

    flex-wrap: wrap;           

    justify-content: center;

    margin-bottom: 40px;        

    max-width: 100%;  */

     flex-direction: column;

    align-items: center;

    gap: 15px;

    margin-bottom: 40px;

    width: 100%;          

  }



  .contatto-box {



   /* flex: 1 1 100%;            

    max-width: 350px;           

    font-size: 1.1em;   */ 

     flex: none;

    width: 90%;

    max-width: 350px;

    margin: 0 auto;

    font-size: 1em;

  }



  .restyling {

    font-size: 1.5em;           

    margin-bottom: 50px;       

    padding: 0 10px;           

  }



  footer {

    font-size: 0.9em;           

    padding: 8px 5px;

    width: 100%;

  }



}