.column {
 float: left;
 width: 33.3%;
 margin-bottom: 16px;
 padding: 0 8px;
}

.card {
 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
 transition: 0.3s;
 opacity: 0.5;
}

.card:hover {
  box-shadow: 0 16px 32px 0 rgba(0,0,0,0.2);
  opacity: 1;
}

.container {
 padding: 0 16px;
}

.container::after, .row::after {
 content: "";
 clear: both;
 display: table;
}

.title {
 color: grey;
}

.button {
 border: none;
 outline: 0;
 display: inline-block;
 padding: 8px;
 color: white;
 text-align: center;
 cursor: pointer;
 width: 100%;
}

.button:hover {
 background-color: #555;
}

.info {
  margin-bottom: 100px;
}
/* Responsive */
@media screen and (max-width: 650px) {
 .column {
   width: 100%;
   display: block;
 }
}