On narrow screens, the navbar spans over two lines and covers the top of the page.
Shrinking the logo seems to make everything stay on one line (and fix the problem). However, we don't want to display a tiny logo when the user is viewing it on a large screen.
We need to be able to resize the logo accordingly based on screen width, so the navbar doesn't span over two lines.
