div.group {
  margin: 1px;
  padding: 3px;
  background: #eeeeee;
  border: 1px solid #bbbbbb;
  height: 70px;

  filter: saturate(20%);
  
  -webkit-filter: saturate(20%);
  -moz-filter: saturate(20%);
  -o-filter: saturate(20%);
  -ms-filter: saturate(20%);  
}

div.group span.maincategory {
  font-size: 16px;
  font-family: Exo;
  color: #4c4c5c;
  text-shadow: 1px 1px #aabbbb;
}

div.group:hover {
  filter: saturate(100%);
  
  -webkit-filter: saturate(100%);
  -moz-filter: saturate(100%);
  -o-filter: saturate(100%);
  -ms-filter: saturate(100%);  
}

div.group:hover span.maincategory {
  color: #008aff;
}

div.picblog {
  background: #ffffff;
  background-image: url('/resources/images/quill-feather-small.jpg');
  background-repeat: no-repeat;
  background-size: 100%;
}

div.picprojects {
  background: #ffffff;
  background-image: url('/resources/images/keyboard-small.jpg');
  background-repeat: no-repeat;
  background-size: 100%;
}

div.picpersonal {
  background: #ffffff;
  background-image: url('/resources/images/forest-small.jpg');
  background-repeat: no-repeat;
  background-size: 100%;
}

div.picpro {
  background: #ffffff;
  background-image: url('/resources/images/professional-small.jpg');
  background-repeat: no-repeat;
  background-size: 100%;
}