You might want to add some side padding (20px, maybe) to the #content style in style.css. If you are familiar with the CSS @media Rule, you could hide the padding when on large screens.
I would personally also keep the logo to the left (without reducing too much its size on smaller screens) and remove the title (that is repeating the logo one).
Check also the footer, as the wrapping of lines is also affected by the screen size; again, some elements could be hidden or shown using @media rule.