.grafico {
  width: 800px !important;
  height: 600px !important;
}
.small-circle {
  width: 95px !important;
  height: 45px !important;
}
.medium-circle {
  width: 100px !important;
  height: 50px !important;
}
.big-circle {
  width: 110px !important;
  height: 60px !important;
}
@media (max-width: 1160px) {
  .grafico {
    width: 700px !important;
    height: 525px !important;
  }
  .small-circle {
    width: 85px !important;
  }
  .medium-circle {
    width: 90px !important;
  }
  .big-circle {
    width: 100px !important;
  }
}
@media (max-width: 1052px) {
  .grafico {
    width: 600px !important;
    height: 450px !important;
  }
  .small-circle {
    width: 75px !important;
    height: 35px !important;
  }
  .medium-circle {
    width: 80px !important;
    height: 40px !important;
  }
  .big-circle {
    width: 85px !important;
    height: 45px !important;
  }
}
@media (max-width: 680px) {
  .grafico {
    width: 400px !important;
    height: 300px !important;
  }
  .small-circle {
    width: 48px !important;
    height: 24px !important;
  }
  .medium-circle {
    width: 52px !important;
    height: 27px !important;
  }
  .big-circle {
    width: 57px !important;
    height: 31px !important;
  }
}
@media (max-width: 450px) {
  .grafico {
    width: 350px !important;
    height: 250px !important;
  }
  .small-circle {
    width: 42px !important;
    height: 20px !important;
  }
  .medium-circle {
    width: 45px !important;
    height: 23px !important;
  }
  .big-circle {
    width: 50px !important;
    height: 25px !important;
  }
}