change media query-based styles for header and for login/sign up views

Added padding to header tag instead of margin to elements inside the header for more consistent views.
Added multiple mobile-first media queries to change button location, logo size appearance, logo location and width of forms on smaller screens.