Thnx mhodges44 your answer was really helpfull, you are a true boss! It is almost working now! :) I have a additional question, for some reason the position of the background image is not centered horizontally anymore. Do you now why background-position: center center; is not working or how I can solve this?
margin: 0 auto;
background-position: center center;
Also another question, do you now if it is possible to give the dots a position with %? So I won’t have to use media queries for this. What do you think?