.row {
  clear: both;
}

.time {
  float: left;
  font-weight: bold;
  padding: 0.5em;
  width: 2.5em;
  text-align: right;
}

.vG, .vE, .vJ, .vEJ, .vALL {
  float: left;
  width: 15em;
  padding: 0.5em;
  margin-left: 0.5em;
  margin-right: 0.5em;
  margin-bottom: 1em;
}
.vG:before, .vE:before, .vJ:before, .vEJ:before, .vALL:before {
  display: block;
  font-style: italic;
  background-color: rgba(150, 150, 150, 0.5);
  margin-top: -0.5em;
  margin-left: -0.5em;
  margin-right: -0.5em;
  margin-bottom: 0.5em;
  padding: 0.5em;
}

.vG { background-color: rgba(255, 127, 127, 0.5); }
.vG:before { content: 'Gabby'; }
.vE { background-color: rgba(127, 255, 127, 0.5); }
.vE:before { content: 'Evan'; }
.vJ { background-color: rgba(127, 127, 255, 0.5); }
.vJ:before { content: 'Josh'; }

.vEJ { background-color: rgba(100, 200, 200, 0.5); width: 32em; }
.vEJ:before { content: 'Evan and Josh'; }

.vALL { width: 49em; background-color: rgba(200, 200, 200, 0.5); }
.vALL:before { content: 'Everyone'; }