CLC-1388 - [Front-end] Implement "The Campus" designs

https://jira.media.berkeley.edu/jira/browse/CLC-1388

* CSS - Adding color
* CSS - Bigger click areas
* CSS - Menu on the bottom on mobile
* Don't show the top category when there are no items in it
* Setting the title
* Tests for checking properties & URLs