/* telefoni piccoli */
@media (max-width: 480px) {
    .navbar {
    padding: 0.5em;
  }
  .navbar ul {
    flex-direction: column;
    gap: 0.5em; /*spazio tra i link*/
    font-size: 0.6em;
  }
    
  .header {
  padding: 2em 0em;
  background-size: cover;
  background-position: center; /*immagine centrata*/
  }

 .header h1 {
    font-size: 1.3em;
    line-height: 1.1;
    word-break: break-word;
  }

  .header p {
    font-size: 1em;
    max-width: 90%; /*larghezza paragrafo*/
  }
   /* Schede */
  .schede {
    flex-direction: column; 
    align-items: center;
  }

  .scheda {
    width: 95%;
    max-width: 600px;
    margin: 0 auto;
  }
 .blocco { 
  flex-direction: column; 
  text-align: left; 
  gap: 1.2em; 
} 
.blocco img 
{ width: 100%; 
  height: auto; 
  max-width: 100%; 
}
}
/*per tablet*/
@media (max-width: 768px) {

  /* Navbar */
  .navbar {
    padding: 0.5em;
  }

  .navbar ul {
    flex-direction: column;
    align-items: center;
    font-size: 0.8em;
    gap: 0.5em;
  }

   /* Header */
  .header {
    padding: 4em 0em;
  }

  .header h1 {
    font-size: 1.8em;
    line-height: 1.25;
  }

  .header p {
    font-size: 1em;
    max-width: 85%;
  }
  /* Schede */
  .schede {
    flex-direction: column;
  align-items: center;
  }

  .scheda {
    width: 85%;
    max-width: 500px;
  }
 /* Blocchi */ 
 .blocco { 
  flex-direction: column; 
  text-align: left; 
} 
.blocco img { 
  width: 80%; 
}
}