.eac li {
  clear: both;
}

.eac li .image {
  margin-right: 0;
  padding: 0;
  width: 25%;
}

.eac li .info {
  padding-left: 0;
}

@media (min-width: 768px) {
  .eac li .image,
  .eac li .image img {
    float: right;
  }
  .eac li .image {
    margin-bottom: 0;
  }
}

/* UL with ruled lines instead of bullets, optional alternating background colors */

ul.ruled {
  padding         : .5em 0 1.5em 0;
  list-style-type : none;
}

ul.ruled li {
  border-bottom   : 2px solid #DDD;
  margin          : 0;
  padding         : 10px;
}

ul.ruled.alternating li:nth-child(odd) {
  background      : #eee;
}