@media only screen and (max-width: 800px) {
    
  #bar {
    flex-direction: row;
    width: 100vw;
  }

  #links {
    flex: row;
    max-width: calc(100% - 268px);
    flex-wrap: wrap;
  }

  #main {
    flex-direction: column;
  }
}

@media only screen and (min-width: 801px) {
    
  #bar {
    flex-direction: column;
  }

  #links {
    flex-direction: column;
  }
}