.links {
font-size:110%; line-height: 2; margin-bottom: 5px; font-family: Lato, sans-serif; -moz-hyphens:none; -webkit-hyphens:none; hyphens:none; text-align: center;
}

.links a {
  padding-right: 5px;
  padding-left: 5px;
}
.cell {
  width: 180px;
  min-width: 180px; 
  display: inline-block;
  font-size: 80%; 
  vertical-align: top;
  text-align: left;
}

.container {
  display: inline-block;
  text-align: center;
  text-justify: distribute-all-lines;
  text-align-last: center;
  width:auto;
  max-width: 600px;
  font-family: Lato, sans-serif; 
  -moz-hyphens:none; 
  -webkit-hyphens:none; 
  hyphens:none; 
}

.stretch {
  width:100%;
  display: inline-block;
  font-size: 0;
  line-height:0;
  height:0 !important;
  margin-bottom:0;
}

/* When the where/when/what collapses to one column... */
@media screen and (max-width: 395px) {
  /** the :last-child bit is a tad cheesy, but it works */
  .container :first-child :last-child {
    padding-bottom:24px;
  }
}