Getting rid of excess white space

Hey guys I am having some trouble getting rid of excess space within my webpage. There is a space between my image and introduction that I can’t get rid of. I’ve tried absolute positions and changing around the padding but nothing seems to work. I’ll link my code pen and any help is greatly appreciated.

Take a look at #main-doc style and keep in mind that some properties can be applied separately to i.e. multiple sides. However if such property is not set that way - separately - then whatever value is being set will be applied to all sides.