Make layout responsive by using percentages instead of px

When narrowing the browser window a horizontal scrollbar appears making using the website difficult.

By using percentages instead of px it makes the layout work on narrower widths.

Making a breakpoint at a certain window width to have single column layout for phones requires moving wide-with layout code into an @media query.