body {
  font-family: 'Roboto', sans-serif;
}

.h1 {
  font-weight: 900;
}

h2,h3,h4,h5 {
  font-weight: 700;
}

.card {
  transition: 1s;
  animation-play-state: paused;
}

.card .tipo-web {
  text-transform: uppercase;
  font-size: .7em;
  letter-spacing: .1em;
  color:#bcbcbc;
}



.card img {
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
  transition: 1s;
}


.card .card-text {
  min-height: 4em;
}

.card .btn-primary {
  background-color:#333;
  border:0;
}

.card:hover {
  background-color:#e4f1dd;
}

.card:hover img {
  -webkit-filter: grayscale(0); /* Safari 6.0 - 9.0 */
  filter: none !important;
}


.card:hover .btn-primary {
  background-color:#3d612c;
}