.col-webservices-lg-20{
 -ms-flex: 0 0 20%;
 flex: 0 0 20%;
 max-width: 20%;
}

.col-webservices-lg-20 a img{
  filter: grayscale(100%);
  opacity: 0.6;
  transition: 0.2s ease-in;
}

#whoscardsothers a img {
  filter: grayscale(100%); opacity: 0.8;
  -webkit-transition: 0.2s ease-in;
  -o-transition: 0.2s ease-in;
  transition: 0.2s ease-in;
}

#reglist a img {
  filter: grayscale(100%); opacity: 0.8;
  -webkit-transition: 0.2s ease-in;
  -o-transition: 0.2s ease-in;
  transition: 0.2s ease-in;
}

#reglist a:hover img {
   filter: grayscale(0%); opacity: 1;
  -webkit-transition: 0.2s ease-in;
  -o-transition: 0.2s ease-in;
  transition: 0.2s ease-in;
}

.filter{
  padding: 5px;
}