Preliminary office & initiative views

Student office and initiative views are functional, but they still display mock data. 
Oh man, these 30 lines wouldn't be necessary if we stuck with the `.content-l_col-1-2` bp of 600px. I wonder if we should do some sort of compromise where we bump up the breakpoint on `.content-l_col-1-2` to something like 700px instead of having to make customizations like this. Or maybe just stick with 600px and ignore the design. Any thoughts on this? The main thing that bothers me is having to re-implement `.content-l_large-gutters`. We can't even call it as a mixin because it's nested under `.content`.