.section-header, .steps-header, .steps-name {
  color: #0070a6;
  font-weight: 400;
  font-size: 1.4em;
    border: none
}

.steps-header {
  margin-bottom: 20px;
  text-align: center;
}

.steps-timeline {
  outline: 1px dashed rgba(255, 0, 0, 0);
}
@media screen and (max-width: 500px) {
  .steps-timeline {
    border-left: 2px solid #fff;
    margin-left: 25px;
  }
}
@media screen and (min-width: 500px) {
  .steps-timeline {
    padding-top: 20px;
    margin-top: 40px;
    margin-left: 12%;
    margin-right: 12%;
  }
}
.steps-timeline:after {
  content: "";
  display: table;
  clear: both;
}

.steps-one,
.steps-two,
.steps-three,
.steps-four
{
  outline: 1px dashed rgba(0, 128, 0, 0);
}
@media screen and (max-width: 500px) {
  .steps-one,
  .steps-two,
  .steps-three,
.steps-four    {
    margin-left: -12px;
  }
}
@media screen and (min-width: 500px) {
  .steps-one,
  .steps-two,
  .steps-three,
    .steps-four{
    float: left;
      color: #0070a6;
    width: 22%;
    margin-top: -50px;
  }
}

@media screen and (max-width: 500px) {
  .steps-one,
  .steps-two {
    padding-bottom: 40px;
      color: #0070a6;
  }
}

@media screen and (min-width: 500px) {
  .steps-one {
    margin-left: -8%;
    margin-right: 8%;
      color: #0070a6;

  }
}

@media screen and (max-width: 500px) {
  .steps-three {
    margin-bottom: 20%;
      color: #0070a6;
  }
}
@media screen and (max-width: 500px) {
  .steps-four {
    margin-bottom: -100%;
      color: #0070a6;
  }
}

@media screen and (min-width: 500px) {
  .steps-three {
    margin-left: 8%;
    margin-right: -3%;
      color: #0070a6;

  }
}
@media screen and (min-width: 500px) {
  .steps-four {
    margin-left: 12%;
    margin-right: -12%;
      color: #0070a6;

  }
}

.steps-img {
  margin: auto;
  width: 36px;
  height: 36px;
  border-radius: 50%;
}
@media screen and (max-width: 500px) {
  .steps-img {
    float: left;
    margin-right: 20px;
      color: #000
  }
}

.steps-name,
.steps-description {
  margin: 0;
}



@media screen and (min-width: 500px) {
  .steps-name {
    text-align: left;

  }
}

.steps-description {
  overflow: hidden;
    font-size: 14px
}
@media screen and (min-width: 500px) {
  .steps-description {
    text-align: left;
  }
}