table.contacts th, table.contacts td { padding: .1em; border-style: solid; border-width: 1px; }
  table.contacts th.team { width: 20%; }
  table.contacts th.role { width: 15%; }
  table.contacts th.name { width: 20%; }
  table.contacts th.phone { width: 35%; }
  table.contacts th.email { width: 10%; }
  table.contacts td.phone span { margin-right: .4em; white-space: nowrap; }



table.contacts { font-size: .8em; }
  table.contacts th, table.contacts td { border-color: #ddd; }
  table.contacts tr.alt { background: #eee; }

  
@media only screen and (min-width: 760px) {
  table .hide-narrow { display: table-cell; }
  table .hide-wide { display: none; }
}

span.hide-narrow { display: none; }

@media only screen and (min-width: 760px) {
  span.hide-narrow { display: inline; }
}