/* container */
.left-sidebar {
  display:flex;
  flex-wrap:wrap;
}

/* columns */
.left-sidebar > * {
  width:100%;
  padding:1rem;
}

/* tablet breakpoint */
@media (min-width:768px) {
  .left-sidebar > *:nth-child(1) {
    width:calc(100% * 0.4);
  }
  .left-sidebar > *:nth-child(2) {
    width:calc(100% * 0.6);
    /* order:-1; */
  }
}


.chart-container {
  position: relative;
  margin: auto;
  height: 40vh;
  width: 80vw;
}