Hide columns for smaller screen sizes

[GuessWhoSamFoo]

Describe the problem/challenge you have
xref #884

Getting correct clarity label positioning + truncation of label text is difficult because we don't have direct control over those behaviors. One way to possibly sidestep this issue is to hide columns for smaller screen sizes (maybe age) in order to maximize space labels to remain readable.

[rororoross]

Something that could help with this as well is tightening up a lot of the column widths. A column with say a 3 character heading (Age) and 3 character row (12d) doesn't ever need to be wider than like 90px.