.tools li {
  max-width: 550px;
  padding-left: 30px;
  font-family: 'interstate';
  font-weight: 300;
  font-size: 14px;
}

.tools li a, .tools li p {
  position: relative;
  display: block;
  line-height: 24px;
}
.tools li p {
  color: #a8a8a8;
}
.purple .tools li a {
  color: #83549d;
}
.red .tools li a {
  color: #df5952;
}
.orange .tools li a {
  color: #f8af54;
}
.green .tools li a {
  color: #00aa96;
}
.blue .tools li a {
  color: #149bd7;
}
.black .tools li a {
  color: #484848;
}

.tools li a i, .tools li p i {
  position: absolute;
  top: 5px;
  left: -25px;
  font-size: 15px;
  color: #a8a8a8;
}

.tools li span {
  display: block;
  line-height: 20px;
  color: #a8a8a8;
}

@media screen and (max-width: 768px) {
  .tools li {
    width: 100%;
  }

  .tools li a, .tools li p {
    line-height: 20px;
  }
}

.tools-descr {
  margin-bottom: 10px;
}