.menu-wrapper {
  display: flex;
  justify-content: space-around; }
  @media only screen and (max-width: 500px) {
    .menu-wrapper {
      flex-wrap: wrap; }
      .menu-wrapper .menu {
        margin-bottom: 0; } }

.menu h3 {
  width: 100%; }

@media only screen and (max-width: 500px) {
  .chart-wrapper .footnote {
    margin-bottom: 5rem; } }

.chart-labels-value,
.chart-labels-year,
.menu {
  display: flex;
  justify-content: space-around; }

.chart-labels-value {
  margin-top: -40px; }
  @media only screen and (max-width: 500px) {
    .chart-labels-value {
      margin-top: 0; } }

.value {
  color: #4f4f4f;
  font-weight: bold;
  font-size: 18px;
  line-height: 21px;
  align-items: flex-end;
  display: flex;
  width: 100px;
  justify-content: center;
  position: relative; }
  .value small {
    font-weight: normal;
    margin: 0 3px; }
    @media only screen and (max-width: 500px) {
      .value small {
        padding: 0;
        display: contents; } }
  .value div {
    position: absolute;
    top: 24px;
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 24px; }
    @media only screen and (max-width: 500px) {
      .value div {
        display: none; } }
  .value:first-child, .value:last-child {
    font-size: 32px;
    align-items: flex-start;
    display: flex;
    margin-bottom: 134px; }
    @media only screen and (max-width: 500px) {
      .value:first-child, .value:last-child {
        font-size: 18px;
        margin-bottom: 0; } }
    .value:first-child::after, .value:last-child::after {
      background-position: center;
      background-repeat: no-repeat;
      display: block;
      position: absolute;
      height: 144px;
      width: 105px;
      margin-top: 12px; }
      @media only screen and (max-width: 500px) {
        .value:first-child::after, .value:last-child::after {
          display: none;
          margin-top: 0; } }

.chart-labels-value.tab0 .value:first-child::after {
  content: "";
  background-image: url("../../images/ordem_advogados/2_b_1.png"); }

.chart-labels-value.tab0 .value:last-child::after {
  content: "";
  background-image: url("../../images/ordem_advogados/2_b_2.png"); }

.chart-labels-value.tab1 .value:first-child::after {
  content: "";
  background-image: url("../../images/ordem_advogados/2_d_1.png"); }

.chart-labels-value.tab1 .value:last-child::after {
  content: "";
  background-image: url("../../images/ordem_advogados/2_d_2.png"); }

.chart-labels-value.tab2 .value:first-child::after {
  content: "";
  background-image: url("../../images/ordem_advogados/2_a_1.png"); }

.chart-labels-value.tab2 .value:last-child::after {
  content: "";
  background-image: url("../../images/ordem_advogados/2_a_2.png"); }