.pie_progress {
  text-align: center;
  margin:0 auto;
  display:table;
  /*-webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;*/
}
.pie_progress svg {
  margin: 0 auto;
}
.pie_progress__content,
.pie_progress__number,
.pie_progress__label,
.pie_progress__icon {
  text-align:center;
  width:57%;
  margin: 29% auto 0 auto;
  position: absolute;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
}
.pie_progress__number {
  font-size: 42px;
  text-shadow:#fff 0 0 20px;
	-webkit-text-shadow:#fff 0 0 20px;
	-moz-text-shadow:#fff 0 0 20px;
	-ms-text-shadow:#fff 0 0 20px;
	-o-text-shadow:#fff 0 0 20px;
}
.pie_progress .pie_progress__number > span {
  font-size: 24px !important;
}
.pie_progress__label {
  margin-top: 25%;
  font-size: 30px;
}
@media all and (max-width: 1200px){
	.pie_progress__content,
	.pie_progress__number,
	.pie_progress__label,
	.pie_progress__icon {
	  width:60%;
	  margin: 28% auto 0 auto;
	}
}
@media all and (max-width: 1024px){
	.pie_progress__content,
	.pie_progress__number,
	.pie_progress__label,
	.pie_progress__icon {
	  width:72%;
	  margin: 34% auto 0 auto;
	}
}
@media all and (max-width: 992px){
	.pie_progress__content,
	.pie_progress__number,
	.pie_progress__label,
	.pie_progress__icon {
	  width:32%;
	  margin: 15% auto 0 auto;
	}
}
@media all and (max-width: 768px){
	.pie_progress__content,
	.pie_progress__number,
	.pie_progress__label,
	.pie_progress__icon {
	  width:33%;
	  margin: 15% auto 0 auto;
	}
}
@media all and (max-width: 640px){
	.pie_progress__content,
	.pie_progress__number,
	.pie_progress__label,
	.pie_progress__icon {
	  width:38%;
	  margin: 18% auto 0 auto;
	}
}
@media all and (max-width: 600px){
	.pie_progress__content,
	.pie_progress__number,
	.pie_progress__label,
	.pie_progress__icon {
	  width:40%;
	  margin: 20% auto 0 auto;
	}
}
@media all and (max-width: 568px){
	.pie_progress__content,
	.pie_progress__number,
	.pie_progress__label,
	.pie_progress__icon {
	  width:43%;
	  margin: 20% auto 0 auto;
	}
}
@media all and (max-width: 540px){
	.pie_progress__content,
	.pie_progress__number,
	.pie_progress__label,
	.pie_progress__icon {
	  width:45%;
	  margin: 22% auto 0 auto;
	}
}
@media all and (max-width: 480px){
	.pie_progress__content,
	.pie_progress__number,
	.pie_progress__label,
	.pie_progress__icon {
	  width:53%;
	  margin: 27% auto 0 auto;
	}
}
@media all and (max-width: 424px){
	.pie_progress__content,
	.pie_progress__number,
	.pie_progress__label,
	.pie_progress__icon {
	  width:63%;
	  margin: 30% auto 0 auto;
	}
}
@media all and (max-width: 414px){
	.pie_progress__content,
	.pie_progress__number,
	.pie_progress__label,
	.pie_progress__icon {
	  width:63%;
	  margin: 32% auto 0 auto;
	}
}
@media all and (max-width: 400px){
	.pie_progress__content,
	.pie_progress__number,
	.pie_progress__label,
	.pie_progress__icon {
	  width:68%;
	  margin: 35% auto 0 auto;
	}
}
@media all and (max-width: 384px){
	.pie_progress__content,
	.pie_progress__number,
	.pie_progress__label,
	.pie_progress__icon {
	  width:73%;
	  margin: 37% auto 0 auto;
	}
}
@media all and (max-width: 375px){
	.pie_progress__content,
	.pie_progress__number,
	.pie_progress__label,
	.pie_progress__icon {
	  width:80%;
	  margin: 40% auto 0 auto;
	}
}
@media all and (max-width: 360px){
	.pie_progress__content,
	.pie_progress__number,
	.pie_progress__label,
	.pie_progress__icon {
	  width:82%;
	  margin: 40% auto 0 auto;
	}
}
@media all and (max-width: 320px){
	.pie_progress__content,
	.pie_progress__number,
	.pie_progress__label,
	.pie_progress__icon {
	  width:100%;
	  margin: 50% auto 0 auto;
	}
}