.grid-items {
  overflow: hidden;
  clear: both;
}
.grid-item {
  float: left;
  margin: 0.25rem;
  padding: 0.5rem;
  border: 1px solid #ccc;
  width: calc(100% - 0.5rem);
  text-decoration: none;
}
.grid-items .grid-item {
  background-color: #eee;
}
.grid-items .grid-item:hover {
  background-color: #ddd;
}
.grid-items span[data-link-type="pdf"] {
  display: none;
}



.report-photo {
  float: left;
  margin-right: 0.75rem;
  width: 3rem;
}
.report-photo img {
  display: block;
  border: 1px solid #ccc;
  width: 100%;
  height: auto;
}
.report-title {
  margin-top: 0;
}
.report-title p {
  font-weight: 700;
  line-height: 1.125;
}
.report-blurb {
  display: none;
  margin-top: 0.5rem;
  margin-right: 0.25rem;
}
.report-blurb p {
  font-size: 0.875rem;
  line-height: 1.25;
}



@media (min-width: 20em) {
  /* first report */
  .grid-item:first-of-type .report-photo {
    width: 6rem;
  }
  .grid-item:first-of-type .report-title p {
    font-size: 1.25rem;
  }
  .grid-item:first-of-type .report-blurb {
    display: block;
  }
}

@media (min-width: 30em) {
  .grid-item {
    width: calc(50% - 0.5rem);
  }
  /* first report */
  .grid-item:first-of-type {
    width: calc(100% - 0.5rem);
  }
}