.chart {
  margin: auto;
  display: flex;
  flex-direction: column; }
  .chart .sub-title {
    font-weight: 300;
    font-size: 20px;
    letter-spacing: -0.04em;
    margin-bottom: 2rem; }
  .chart .piechart {
    min-width: 300px; }
    .chart .piechart .chartdiv {
      width: 240px;
      height: 240px;
      margin: auto; }
  .chart .colgroup {
    flex: 1; }
    .chart .colgroup .chartdiv {
      height: 280px; }
  @media only screen and (min-width: 600px) {
    .chart {
      flex-direction: row; }
      .chart .piechart {
        min-width: 0%;
        margin: 0 1em 0 0; } }