@media (min-width: 700px) {
  #content {
    flex: 75%;
  }
}

#middle {
  display: flex;
  flex-direction: row-reverse;
}

@media screen and (max-width: 700px) {
  #middle {
    flex-direction: column;
  }
}

#sidebar {
  background-color: #ffffcc;
}

@media screen and (max-width: 700px) {
  #sidebar {
    flex: 25%;
    padding: 10px;
  }
}

#sidebar-nav {
  font-size: large;
  font-weight: bold;
}