/* Contributions page */
#project_list ul {
  font-size: 86%;
  line-height: 1.5;
  list-style: none;
  margin: 0;
  padding: 0;
}
#project_list li {
  list-style: none;
  margin: 0;
  padding: 0;
}
#project_list .secondary {
  overflow: hidden;
  columns: 4;
  -moz-columns: 4;
  -webkit-columns: 4;
}
#project_list .secondary li a {
  display: block;
}
#project_list .secondary ul {
  border-right: 1px solid #eeeeee;
  /* margin-right hack: remove rightmost line (w/ overflow: hidden, above) */
  margin: 0 -1px 0 18px;
}

.projects .primary, .projects .secondary {
  clear: both;
}
.projects .primary {
  margin-bottom: 24px;
}
.projects .primary li {
  display: inline;
}
.projects .primary a {
  padding: 6px 18px 6px 18px;
  margin: 0 12px 0 0;
  line-height: 74px;
  border-radius: 12px;
  display: inline-block;
}
.projects .primary a:hover {
  /* fade to white */
  box-shadow: inset 0 0 24px 24px white;
  -moz-box-shadow: inset 0 0 24px 24px white;
  -webkit-box-shadow: inset 0 0 24px 24px white;
  /* subtle yellow */
  background-color: #fef9d3;
}
.projects .primary img {
  max-width: 100%;
  vertical-align: middle;
}

/* Change the columns based on available browser width */
@media screen and (max-width: 60em) {
  #project_list .secondary {
    columns: 3;
    -moz-columns: 3;
    -webkit-columns: 3;
  }
}
@media screen and (max-width: 32em) {
  #project_list .secondary {
    columns: 2;
    -moz-columns: 2;
    -webkit-columns: 2;
  }
}