Body Content Centering

HTML

<html>
  <body>
    <div id="nav-top">
    </div>
    <div id="container">
      <div id="nav-left">
      </div>
      <div id="body-content">
        <div id="breadcrumb">You are here: Home</div>
        <div class="jumbotron">
          <h1>Builder v2</h1>
          <p class="lead">Builder v2 is the new version of the BPA Builder site!</p>
        </div>
        <div class="content-row">
          <div class="col-33">
            <h2>Fun!</h2>
            <p>Improved for more fun!</p>
          </div>
          <div class="col-33">
            <h2>Challenging!</h2>
            <p>Improved to be more challenging!</p>
          </div>
          <div class="col-33">
            <h2>Share it!</h2>
            <p>New features to share your best moments!</p>
          </div>
        </div>
        <hr>
        <footer>
          <p class="copyright">© 2019 - BPA International</p>
        </footer>
      </div>
    </div>
      
  </body>
</html>

CSS

* {
  padding: 0;
  margin: 0;
}

#nav-top {
	position: sticky;
	top: 0;
	z-index: 1;
  height: 50px;
  background-color: DodgerBlue;
}

#nav-left {
  height: 100%;
  background-color: Silver;
  flex:1;
}

#body-content {
  background-color: Tomato;
	color: white;
    flex: 9;
  margin: auto;
  margin-left: 5%;
  margin-right: 5%;
}

#container {
  display: flex;
  height: 100vh;
}

#center-me {

}