I am working on a one page scrolling layout. I am having difficulty with two items:

1> adding a top margin for the main logo #img-home

2> how to do I get the viewable area of the layout to fit the browser size? I may not be asking this correctly but I do not want another page/section overlapping. Currently the about section is coming into the home section in the viewable area.

http://nova.umuc.edu/~ct385a01/final/v3/