.intro-about{max-width:800px; margin:60px auto 20px auto; text-align:center; font-size:20px; line-height:1.6; font-weight:300; color:#444; padding:0 20px;}
.img-post{padding: 25px 0; border-radius:6px; box-shadow:0 15px 40px rgba(0,0,0,0.15);}
#corevalue{padding-top:25px}
                                             /* split layout */
.about-split{display:flex; align-items:center;gap:60px; max-width:1300px; margin:100px auto;}
.about-text{flex:1; font-size:17px; line-height:1.7;}
.about-image{flex:1;text-align:center;}
.about-image img{width:100%;max-width:600px;border-radius:25px;box-shadow:0 20px 50px rgba(0,0,0,0.18); padding: 10px;}

                                             /* contact block */
.sezione-cntabt {margin-top: 100px; margin-bottom: 250px; }
.about-contact{text-align:center; max-width:750px; margin:auto; box-shadow: 0 15px 40px rgba(0,0,0,0.15); padding: 25px 75px;border-radius: 25px;}
.about-contact p{margin-bottom:25px;}

                                          /* mobile */

@media only screen and (min-width: 1800px) {
  .button-color {padding: 0.5rem 1.5rem;font-size: 20px; margin: 10px 0;}
}  
@media(max-width:900px){
  .intro-about {padding:0 100px}
  #h2about {padding-top:0}
  .about-split{flex-direction:column;text-align:left;margin: 25px auto;}
  .about-image{margin:0;}
  .about-contact{max-width:500px; padding: 5px 50px 25px 50px;}
  .button-color {left:0; margin: auto;}
}
@media(max-width:600px){
  .intro-about {padding:0 60px}
  .sezione-cntabt {margin-top: 60px; margin-bottom: 150px;}
  .about-contact {max-width: 300px;}
  .about-contact p {margin-bottom: 20px;}
}