.list-icons {
  --list-icon-size: 54px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: calc(var(--spacing) * -.25);
  margin-right: calc(var(--spacing) * -.25);
  margin-bottom: calc(var(--spacing) * -.5);
}
.list-icons > div {
  margin-left: calc(var(--spacing) * .25);
  margin-right: calc(var(--spacing) * .25);
  margin-bottom: calc(var(--spacing) * .5);
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  width: var(--list-icon-size);
  height: var(--list-icon-size);
}
@media (min-width: 992px) {
  .list-icons {
    --list-icon-size: 78px;
  }
}