body{

    background:#ffffff;

	margin-top:10px;

	

	border: 15px solid #adc9f9;

      padding: 20px;

      box-sizing: border-box;

 }

 

p {

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

  font-size: 16px;

  color:#808080;

 }

 

#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;  

}

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

/* LOGO                                                */

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



.logo img {

  max-width: 100%;

  height: auto;

  display: block;

  margin: 0 auto 20px auto;

}





div.gallery {

  margin: 15px;

  border: 0px;

  display: inline-block; 

  width: 255px;

}



div.gallery:hover {

  border: 0px;

}



div.gallery img {

  width: 100%;

  height: auto;

}



div.desc {

  padding: 15px;

  text-align: center;

}



a {

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

    font-size: 16px;

    color: #0455C8;

    text-decoration: none;

  }

  

/* Link flipbook */

.desc {

  color: #0455C8; /* colore del menu sotto i libri*/

}

.gallery a:hover .desc {

  color: #ADC9F9; /* colore quando passi il mouse */

}



.intro-text { 

  text-align: center;  

  font-size: 16px; max-width: 700px;  

  margin: 0 auto; 

  }



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

    /* SMARTPHONE 

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



@media (max-width: 768px) {



  body {

    padding: 15px;

    font-size: 17px;

    line-height: 1.7;

  }



  /* Menu più leggibile in alto */

  #menu a {

    font-size: 17px;

    display: inline-block;

    padding: 6px 2px;

  }

/* Logo centrato e ridimensionato */

  .logo img {

    max-width: 100%;

  }

  

  /* Galleria libri più ariosa */

  div.gallery {

    width: 80%;

    max-width: 260px;

    margin: 25px auto;

    display: block;

  }



  div.gallery img {

    width: 100%;

    border-radius: 6px;

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

  }



  .desc {

    font-size: 17px;

    margin-top: 8px;

  }



/* Testi più leggibili */



/* Desktop/tablet */

.intro-text {

  text-align: center;

  line-height: 1.7;

}



/* Smartphone */

@media (max-width: 768px) {

  .intro-text {

    text-align: left !important;

    margin-left: 1.2rem;

    margin-right: 1.2rem;

    line-height: 1.7;

  }



div[align="center"] img { 

max-width: 100%; 

height: auto; 

}



}