header {
  height: 8vh;
  background-color: rgb(27, 26, 26);
  display: flex;
  align-content: space-around;
  justify-content: space-between;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  padding-left: 0%;
}

.logotipo {
  font-size: 20px;
  color: white;
  display: flex;
  align-items: center;
  width: 20%;
}

.logotipo > a {
  display: flex;
  align-items: center;
}
img {
  width: 35px;
  height: 60%;
}

.logotipo span {
  color: rgb(255, 123, 0);
}

.menu-navegacion {
  width: 60%;
  display: flex;
  align-items: center;
  justify-content: space-around;
  font-size: 19px;
}

a.navegacion-contenido {
  color: white;
}

a.navegacion-contenido:visited {
  color: rgb(228, 222, 222);
}

a.navegacion-contenido:hover {
  color: orange;
  font-size: 20px;
}

/* Media query para poder ajustar el formato de la página, cuando el ancho sea menor de 600px. */
@media screen and (width < 600px) {
  header {
    height: 10vh;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .menu-navegacion {
    height: 50%;
    display: flex;
    align-items: center;
    width: 100%;
    font-size: 15px;
  }
  a.navegacion-contenido:hover {
    height: 50%;
    font-size: 16px;
  }
}