Agregándole al header, display:flex y justify-content: space-between
Agregándole al header, display:flex y justify-content: space-between
Donde hay que aplicar es a la class encabezado, y para centrar el logo con el menú, sólo se aplica display:flex;
Es decir que quedaría de la siguiente manera:
.encabezado{
display:flex;
align-items: center;
justify-content: space-between;}
.menu{ display: flex;}