Advice on design and pb with code

I was thinking of putting the logo, with the lagline in the featured place. So they would just drop down from where they currently are into the white "featured" space. Instead of the logo, I would use a font with the name of the organization written out. Is this a good idea?

Do you know how to fix the problem with the background gradient no going all the way to the bottom of the screen?

For the social media icons, I might add them at the bottom as well, so that they are on every page. Not sure just yet =) I might also create another div and put it on the very right of the page, in a transparent box with just the icons. They would really stand out if they are out there.

Any other suggestion? This is my second webpage, so any help is appreciated! =)