@media (min-width: 1000px) {
  #flex-body {
    flex-direction: row-reverse;
    justify-content: space-around;

    width: min(100vw, 1200px);
    max-width: min(100vw, 1200px);
  }

  #flex-body main {
    flex: 4 0 0;
    max-width: 75%;
  }

  #flex-body #sidebar {
    flex: 1 0 0;
  }

  #flex-body>* {
    margin-left: 1rem;
    margin-right: 1rem;
  }
}

@media (max-width: 999px) {
  #flex-body {
    flex-direction: column;

    width: 100%;
    max-width: 100%;
  }

  #flex-body>* {
    margin-left: 1rem;
    margin-right: 1rem;
    margin-bottom: 1.5rem;
  }
}