.icon.major.accent2 {
  background: #0000FF;
}
.site-logo img {
  height: 100px;
  width: auto;
  display: block;
}
#header {
    height: auto;         /* deja que el contenido decida la altura */
    min-height: 90px;   
    display: flex;
    align-items: center;  /* centra verticalmente logo + menú */
    padding: 0 2rem;      /* margen lateral */
	background-color: rgba(44, 62, 80, 0.85); /* color con transparencia */
    box-sizing: border-box;
}
#header {
    transition: background-color 0.3s ease;
}
#header nav#nav {
    display: flex;
    align-items: center;  /* centra verticalmente el contenido del nav */
    height: 100%;
}
#header nav#nav ul {
    display: flex;
    align-items: center;  /* centra los <li> dentro del ul */
    margin: 0;
    padding: 0;
    list-style: none;
}
#header nav#nav ul li {
    display: flex;        /* cada ítem como flex para centrar el texto */
    align-items: center;
    margin-left: 1.5rem;    /* separa cada ítem */

}

#header nav#nav ul li a:hover {
    color: #e89980;          
}