.header {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.8);
  padding: 10px 20px;
  width: 100%;
  box-sizing: border-box;
}

.logolink {
  display: inline-block; 
  border:none;
  cursor: pointer;
}

.logolink:hover {
  display: inline;
  border: none;
}

/* Base mobile: colonne, centrato */
.logo img {
  height: auto;
  margin-bottom: 1em;
}

.navbar {
  white-space: nowrap; /* scritte bottoni tutte allineate */
  display: flex;
  flex-direction: row;
  gap: 10px;
  width: 100%;
}

.btnCss.navBtn {
  font-size: 14px;
  width: 80%;
  text-align: center;
}


/* xs - da 375px in su  DIMENSIONI DELL IPHONE 15 !!!!!!!*/ 
@media (min-width: 375px) {
    .logo img{
        width: 60px;
    }
    .navbar {
        max-width: auto;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center;
        align-content: space-around;
        align-items: center;
        overflow-x: auto;
    }
  .btnCss.navBtn {
    font-size: 13px;
    width: 75%;
  }
}

/* md - da 768px in su (passaggio a layout desktop) */
@media (max-width: 768px) {
    .logo img{
        width: 60px;
    }
    .navbar {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;     /* importante */
        align-items: center;
        overflow-x: auto;               /* scroll orizzontale reale */
        -webkit-overflow-scrolling: touch;
        gap: 10px;
    }
  .btnCss.navBtn {
    font-size: 15px;
    width: 80%;
  }
}