Styling audits

Fixing lots of tiny things, next step is a responsive audit.
@MrMaksimize so the col-lg prefixes are responsive classes that dictate the width at different screen sizes. (sm = mobile, md = tablet, lg = browser window) If there's nothing else, it will default to whatever's there. 

In this case, when the new opportunity is being viewed in the browser window, there's no reason it can't take up more room (hence the col-lg-4 telling it it can spread across 1/3rd of the page instead of 1/6th at its former col-sm-2 setting)

As far as which is the more sustainable practice, I'm not sure. I think this would translate okay if others try to use it but I suppose it would depend on how long the questions in the left column are and how big the font is :grinning: 
We can discuss more.