/* Header */
nav-header {
	display: flex; /* use flexbox */
	flex-direction: row;
	justify-content: flex-end;
/* 	width: 50%; */
	align-items: center; /* align text to the middle vertically */
	align-content: center;
}

nav-title {
    margin-right: auto;
    font-size: 1.5em;
}

nav-header li {
    list-style: none;
    display: inline-block;
    padding: 0 10px;
}

nav-header li.current {
	color: "#fff";
	background: "#000";
}

nav-header a {
    text-decoration: none;
    color: #555;
	transition: all 0.1s ease 0s;
}

nav-header a:hover {
    color: #b2dfdb;
}

/* Side Bar */
aside {
  flex: 1 0 10%;
}
.wrapper {
  display: flex;
  height: 100%;
}

@media (max-width: 500px) {
  .wrapper {
    flex-direction: column-reverse;
  }
 
  ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
  } 
}