.target-main-container{
  width: 75%;
  margin: 0 auto;
}
.purpose-h1{
    line-height: 1;
    color: #6f6f6f;
}
.purpose-h2{
  margin-top: 0rem;
    margin-bottom: 1.4rem;
    font-weight: 300;
    color: #59cc04;
    line-height: 1;
    font-size: 22px;
}
.progress {
  background: rgba(0, 0, 0, 0.25);
  border-radius: 5rem;
  position: relative;
}

.progress-bar {
  height: 21px;
  margin-top: 0.5rem;
  border-radius: 5rem;
  transition: 0.4s linear;
  transition-property: width, background-color;
  background-color: #ffc700;
  width: 0%;
  background-image: linear-gradient(45deg, #ffd43b 25%, transparent 25%, transparent 50%, #ffd43b 50%, #ffd43b 75%, transparent 75%, transparent);
  animation: progressAnimationStrike 6s;
}

.challenge-main-row a{
  color: #007bff!important;
}

.challenge-main{
  border-radius: .4rem;
}
.challenge-main-row{
  display: flex;
}
.challenge-main-item-1{
  width: 24%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.challenge-main-item-2{
  width: 76%;
    display: flex;
  justify-content: center;
  align-items: center;
  height: 9rem;
  padding-right: 3.5rem;
}
.challenge-centered{
  width: 100%;
}
.goal-img-item{
  width: 50%;
    margin: 0 auto;
}
.purpose-content h4{
font-size: 22px;
    font-weight: 500;
    color: #58CC03;
    line-height: 1.2;
}
.purpose-content h5{
font-size: 14px;
    margin-top: 0rem;
    color: #7c7c7c;
    font-weight: 400;
    line-height: 1;
}
.datachallenge-progressBar{
font-size: 16px;
    color: #ae6700;
    text-align: center;
    line-height: 1.33;
    position: absolute;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

@media only screen and (max-width: 768px) { 
  .target-main-container {
    width: 90%;
  }
}
@media only screen and (max-width: 600px) { 
  .target-main-container {
    width: 100%;
  }
}
@media only screen and (max-width: 432px) { 
  .challenge-main-item-2 {
    padding-right: 1rem;
  }
  .purpose-content h4 {
    font-size: 15px;
    line-height: 1;
  }
  .purpose-content h5 {
    font-size: 12px;
  }
  .goal-img-item {
    width: 59%;
}
.progress-bar {
    height: 18px;
  }
  .datachallenge-progressBar {
    font-size: 14px;
  }
  .purpose-h2 {
    font-size: 20px;
}

}
@media only screen and (max-width: 412px) { 
  .purpose-h1 {
    font-size: 22px !important;
}
.purpose-h2 {
    font-size: 19px;
}
.goal-img-item {
    width: 65%;
}
}
@media only screen and (max-width: 360px) { 
  .purpose-h2 {
    font-size: 17px;
  }
  .purpose-h1 {
      font-size: 21px !important;
  }
  .progress-bar {
      height: 16px;
  }
  .datachallenge-progressBar {
      line-height: 1.2;
  }
}
@media only screen and (max-width: 320px) { 
  .progress-bar {
    height: 13px;
  }
  .datachallenge-progressBar {
      line-height: 1.2;
  }
  .purpose-h2 {
      font-size: 15px;
  }
  .challenge-main-item-2 {
    width: 73%;
    padding-right: 0.5rem;
      height: 8rem;
  }
  .challenge-main-item-1 {
    width: 27%;
  }
}