header > nav {
  position: sticky;
  top: 0;
  width: 100%;
  z-index: 999;
  background-color: #2e6b40; /* Per rendere visibile il menu */
}

header > nav ul {
  display: flex; /* Flexbox per disporre i pulsanti in fila */
  justify-content: center; /* Centra i pulsanti orizzontalmente */
  flex-wrap: nowrap; /* Non permette ai pulsanti di andare a capo su schermi piccoli */
  padding: 0;
  margin: 0;
}

@media (max-width: 768px) {
  header > nav ul {
    flex-wrap: wrap;
  }
}

header > nav li {
  list-style-type: none;
  margin-right: 20px; /* Spazio tra i pulsanti */
}

header > nav li:last-child {
  margin-right: 5px;
}

header > nav li a {
  display: inline-block;
  align-items: center;
  padding: 10px 20px;
  font-size: 18px;
  font-family: 'SansationBold', Arial, Helvetica, sans-serif;
  border-radius: 5px;
  background: rgba(0, 30, 51, 0.4);
  color: #FFFFFF;
  text-decoration: none;
  box-shadow: 0 1px 2px #000000;
  transition: all .5s ease-in-out;
}

header > nav li a:hover,
header > nav li a:focus,
header > nav li a:active {
  color: #ffcc00;
  background: #000033;
  transform: scale(1.2);
}

/* Media query per schermi pił piccoli */
@media (max-width: 768px) {
  header > nav ul {
    justify-content: center; /* Centra i pulsanti su schermi piccoli */
    flex-wrap: nowrap; /* Mantiene i pulsanti su una sola riga */
  }

  header > nav li {
    margin-right: 10px; /* Riduce lo spazio tra i pulsanti */
  }

  header > nav li a {
    font-size: 16px; /* Riduce la dimensione del font su schermi piccoli */
    padding: 8px 15px; /* Riduce la spaziatura interna */
  }
}

/* Media query per schermi pił piccoli (mobile) */
@media (max-width: 480px) {
  header > nav ul {
    justify-content: center; /* Centra i pulsanti */
    /* flex-wrap: nowrap; Mantiene i pulsanti su una sola riga */
    flex-wrap: wrap;
	/*overflow-x: auto; Abilita scorrimento orizzontale del menu*/
	white-space: nowrap;
  }

  header > nav li {
    margin-right: 5px; /* Ulteriore riduzione dello spazio tra i pulsanti */
  }

  header > nav li a {
    font-size: 14px; /* Ulteriore riduzione della dimensione del font */
    padding: 8px 12px; /* Riduce ulteriormente la spaziatura interna */
  }
}