Basic css layout for header and footer

Puts in the place the basic structure for header and initial content for homepage of login for badgekit based on wireframes in #51 for #59 

Mobile Responsive.

And also puts in place the intial grid.