.cards-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.5rem;
  margin: 2rem 0;
}

.cards-grid.compact {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.card-note {
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 8px;
  padding: 1.5rem;
  background: rgba(245, 245, 245, 0.55);
}

.card-note h4,
.card-note h5 {
  margin-bottom: 0.75rem;
}

#footer .icons li a {
  border-bottom: none;
}

@media screen and (max-width: 980px) {
  .cards-grid,
  .cards-grid.compact {
    grid-template-columns: 1fr;
  }
}