html {
  background-image: url(https://images.unsplash.com/photo-1482775907821-a56ec43344fc?auto=format&fit=crop&w=1352&q=80);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  color: black;
  height: 100%;
}

h4 {
  margin: 1px;
}

ul {
  list-style: none;

  column-count: 4;
  -webkit-column-count: 4;
  -moz-column-count: 4;

  column-gap: 20px;
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
}

/* if only two columns
ul li {
  width: 10em;
  float: left;
}
*/

ul {
  padding: 0;
  font-size: 20.5px;
}

li {
  list-style: none;
}

.wrap {
  background-color: rgba(255, 255, 255, 0.65);
  border: 1px solid #ccc;
  margin: 1.5em auto 0;
  max-width: 90%;
  padding: 1em;
  margin-bottom: 35px;
}