.pessoas {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  align-items: baseline;
  margin-bottom: 2rem; }
  .pessoas .item {
    max-width: 200px; }
    .pessoas .item .chart {
      background-color: #57a0d7;
      border-radius: 1000px;
      margin: auto; }
      .pessoas .item .chart_1 {
        width: 100px;
        height: 100px; }
      .pessoas .item .chart_2 {
        width: 48px;
        height: 48px; }
      .pessoas .item .chart_3 {
        width: 36px;
        height: 36px; }
    .pessoas .item .number {
      font-size: 2rem;
      font-weight: bold;
      margin-top: 2rem; }
    .pessoas .item .title h2 {
      margin-top: .5rem;
      font-weight: 300;
      font-size: 1.2rem; }

.sub-title {
  font-weight: 300;
  font-size: 24px;
  letter-spacing: -0.04em;
  color: #57a0d7;
  margin-bottom: 2rem; }
  .sub-title b {
    font-size: 36px;
    line-height: 30px; }

.indicadores {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  grid-row-gap: 4rem;
  grid-column-gap: 2rem;
  margin-left: auto;
  margin-right: auto;
  max-width: 520px;
  margin-bottom: 2rem; }
  @media only screen and (max-width: 500px) {
    .indicadores {
      margin-left: 2rem;
      margin-right: 2rem;
      grid-row-gap: 2rem;
      grid-column-gap: 1rem; } }
  .indicadores-item {
    -ms-grid-column-align: left;
        justify-self: left; }
    .indicadores-item:first-child, .indicadores-item:last-of-type {
      -ms-grid-column-span: 2;
      grid-column: span 2;
      width: 100%; }