body {

    background:#ffffff;

	border-top: 15px solid #adc9f9;

	padding: 20px;

}	

p {

  font-family: Arial Unicode MS, Arial, Helvetica, sans-serif; 

  font-size: 16px;

  color:#808080;

  }



.centrato {

display: flex;

align-items: center;

justify-content: center;

height: 100px;

border: 0px;

}

	

#menu {

  width: 100%;

  text-align: center; 

} 

 

#menu a {

  color: #0455C8; /* colore del menu in alto*/

  font-size: 18px;

}



#menu a:hover {

  color: #ADC9F9; /* colore al passaggio del mouse */

}  

         

.menu-items {

  list-style: none; 

  padding: 0; 

  display: flex; 

  justify-content: center; 

}



.menu-items li {

  margin: 0 10px; 

}



a {

    font-family: Arial Unicode MS, Arial, Helvetica, sans-serif;

    font-size: 16px;

    color: #808080;

    text-decoration: none;

  }

  

.immagine {

      float: left;

      margin-right: 100px; /* Spazio tra immagine e testo */

    }



    .immagine-testo {

      overflow: hidden; /* Per evitare che il testo si posizioni sotto l'immagine */

    }



* ---------------------- */

/* SMARTPHONE BEAUTY FIX  */

/* ---------------------- */



@media (max-width: 768px) {



    /* Spazio più arioso */

    body {

        padding: 15px;

        font-size: 17px;

        line-height: 1.7;

    }



    /* Menu più leggibile */

    #menu a {

        font-size: 17px;

        display: inline-block;

        padding: 6px 10px;

    }



    /* Contenitore centrato e fluido */

    #libri {

        margin: 0;

        padding: 0 10px;

        max-width: 100%;

    }



    /* Ogni libro in colonna */

    .book {

        flex-direction: column;

        align-items: center;

        text-align: center;

        gap: 15px;

        margin-bottom: 50px;

    }



    /* Immagini più armoniose */

    .book img {

        width: 65%;

        max-width: 220px;

        border-radius: 6px;

        box-shadow: 0 2px 6px rgba(0,0,0,0.15);

    }



    /* Testo più leggibile */

    .book-text {

        max-width: 100%;

        font-size: 17px;

        padding: 0 5px;

    }



    /* Link più elegante */

    .desc {

        font-size: 17px;

        display: inline-block;

        margin-top: 8px;

    }

}



/* Responsive */

 

@media screen and (max-width: 768px) {

    body {

    font-size: 1.0625rem; /* Corrisponde a 17px se la base è 16px */

    line-height: 1.7;

	

}

    .container {

        flex-direction: column;

    }

    img {

        max-width: 100%;

        height: auto;

    }

}