.cc-infographic-container,
.cc-infographic-container-rev {
  /*   height: 100%; */
  min-height: 260px;
  text-align: center;
  font-family: Montserrat, sans-serif;
  margin-left: 15px;
  margin-right: 15px;
  border-radius: 5px;
}
.cc-infographic-container-rev.cc-txt-strawberry {
  border: 5px solid rgb(239, 64, 96, 255);
}
.cc-infographic-container-rev.cc-txt-plum {
  border: 5px solid rgb(173, 34, 126);
}
.cc-infographic-container-rev.cc-txt-lime {
  border: 5px solid rgb(191, 215, 48);
}
.cc-infographic-container-rev.cc-txt-grapefruit {
  border: 5px solid rgb(243, 113, 90);
}

.cc-infographic-number {
  display: block;
  padding-top: 3rem;
  font-size: 3.6rem;
  font-weight: bold;
}
.cc-infographic-label {
  display: block;
  font-size: 1.8rem;
  line-height: 2.3rem;
}
.cc-chart-donut-label {
  text-align: center;
  font-size: 2.4rem;
  line-height: 1.5rem;
}
h3.cc-chart-donut-label .small {
  font-size: 44%;
  line-height: 10px;
}

.ct-chart-donut .ct-label {
  fill: #fff;
  font-size: 1rem;
}
.ct-chart-donut .ct-slice-donut {
  stroke-width: 39px !important;
}
.cc-chart-strawberry .ct-series-a .ct-slice-donut {
  stroke: rgb(237, 138, 156);
}
.cc-chart-strawberry .ct-series-b .ct-slice-donut {
  stroke: rgb(239, 64, 96);
}
.cc-chart-strawberry .ct-series-c .ct-slice-donut {
  stroke: rgb(140, 34, 53);
}
.cc-chart-plum .ct-series-a .ct-slice-donut {
  stroke: rgb(232, 118, 194);
}
.cc-chart-plum .ct-series-b .ct-slice-donut {
  stroke: rgb(173, 34, 126);
}
.cc-chart-plum .ct-series-c .ct-slice-donut {
  stroke: rgb(150, 45, 115);
}
.cc-chart-lime .ct-series-a .ct-slice-donut {
  stroke: rgb(205, 219, 118);
}
.cc-chart-lime .ct-series-b .ct-slice-donut {
  stroke: rgb(191, 215, 48);
}
.cc-chart-lime .ct-series-c .ct-slice-donut {
  stroke: rgb(109, 120, 43);
}
.cc-chart-grapefruit .ct-series-a .ct-slice-donut {
  stroke: rgb(207, 131, 118);
}
.cc-chart-grapefruit .ct-series-b .ct-slice-donut {
  stroke: rgb(243, 113, 90);
}
.cc-chart-grapefruit .ct-series-c .ct-slice-donut {
  stroke: rgb(163, 49, 29);
}

.cc-profile-table {
  width: 100%;
  margin: 30px 0;
  font-family: Montserrat, sans-serif;
}
.cc-profile-table thead {
  background: rgb(91, 196, 191);
  color: #fff;
}
.cc-profile-table th,
.cc-profile-table td {
  border: 1px solid rgb(91, 196, 191);
}
.cc-profile-table tr td:first-of-type {
  font-weight: bold;
}

.cc-profile-maprow .cc-infographic-container,
.cc-profile-maprow .cc-infographic-container-rev {
  height: initial;
  min-height: initial;
  padding: 1rem 0;
}

.cc-profile-maprow .cc-infographic-container .cc-infographic-number,
.cc-profile-maprow .cc-infographic-container-rev .cc-infographic-number {
  padding: 0;
  font-size: 3rem;
}
@media screen and (min-width: 1200px) and (max-width: 1600px) {
  #gender_chart .cc-chart-donut-label {
    font-size: 2rem;
    line-height: 1.1rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
  #gender_chart .cc-chart-donut-label {
    font-size: 1rem;
    line-height: 1rem;
  }
}
@media screen and (max-width: 1200px) {
  h3.cc-chart-donut-label .small {
    font-size: 0.9rem;
    line-height: 0.5rem;
  }
}
@media screen and (max-width: 992px) {
  .cc-infographic-number {
    padding-top: initial;
  }
  .cc-infographic-container,
  .cc-infographic-container-rev {
    padding: 2rem 0;
  }
  .cc-chart-donut-label {
    font-size: 5rem;
    line-height: 2.5rem;
  }
  h3.cc-chart-donut-label .small {
    font-size: 1.2rem;
  }
  #gender_chart .cc-chart-donut-label {
    font-size: 1.2rem;
    line-height: 1.4rem;
  }
}
@media screen and (max-width: 600px) {
  .cc-chart-donut-label {
    font-size: 3.5rem;
    line-height: 1.5rem;
  }
  h3.cc-chart-donut-label .small {
    font-size: 1.3rem;
  }
  .cc-profile-table {
    font-size: 0.7rem;
  }
}