.navbar-toggle {
    display: none;
    flex-direction: column;
    cursor: pointer;
	margin-top: 20px;
	margin-right: 10px;
}

.bar {
    width: 25px;
    height: 3px;
    background-color: #333;
    margin: 3px 0;

}


/* Imposta l'icona dell'hamburger menu per dispositivi con larghezza inferiore a 768px */
@media screen and (max-width: 768px) {
  .navbar-links {
    display: none; /* Nascondi il menu principale su dispositivi mobili */
  }

  header {
    display: flex;
    /* flex-direction: column; Imposta l'orientamento a colonna per gli elementi figli */
    justify-content: space-between;
    align-items: stretch;
  }

  .navbar-toggle {
    display: flex; /* Mostra l'icona dell'hamburger menu */
    cursor: pointer;
	
  }

  .login {
  flex-direction: column;
    display:none;
  }
  
  .logo img {
    margin-left: 20px;
  }
  
   .navbar-links.active {
    display: flex; /* Mostra il menu quando l'icona dell'hamburger menu è attiva */
    flex-direction: column;
    position: absolute;
    top: 85px; /* Regola la distanza dall'alto come desiderato */
    left: 0;
    width: 99%;
    padding: 20px;
	background-color: white;
	border-bottom: solid 1px rgba(1,1,1,0.1);
  }
  
  .login.active {
    display: flex; /* Mostra il menu quando l'icona dell'hamburger menu è attiva */
    flex-direction: column; 
    position: absolute;
    top: 70px;
	width: 100%;
	justify-content: flex-end; /* Allinea il contenuto al centro orizzontalmente */
    align-items: flex-end;  
	background-color: white;
	padding-right: 10px;
	
  }
  
  
}