.piech2 {
  display: block;
  margin: 0 auto;
  text-align: center;
  width: 60%;
  height: 60%;
}

@media (max-width: 767px) {
  .piech2 {
    width: 90%;
    height: 90%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .piech2 {
    width: 65%;
    height: 65%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .piech2 {
    width: 90%;
    height: 90%;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .piech2 {
    width: 90%;
    height: 90%;
  }
}






@-webkit-keyframes animate-svg-stroke-1 {
  0% {
    stroke-dashoffset: 11637.32421875px;
    stroke-dasharray: 11637.32421875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 11637.32421875px;
  }
}

@keyframes animate-svg-stroke-1 {
  0% {
    stroke-dashoffset: 11637.32421875px;
    stroke-dasharray: 11637.32421875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 11637.32421875px;
  }
}

@-webkit-keyframes animate-svg-fill-1 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(243, 149, 23);
  }
}

@keyframes animate-svg-fill-1 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(243, 149, 23);
  }
}

.svgannmtwo-1 {
  -webkit-animation: animate-svg-stroke-1 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both,
                       animate-svg-fill-1 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both;
          animation: animate-svg-stroke-1 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both,
               animate-svg-fill-1 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both;
}





.start_anim_two {
  -webkit-animation-play-state: running;
  -moz-animation-play-state: running;
  animation-play-state: running;
}