Need to add padding to the banner on the main page of my website on desktop.

Site URL: https://www.grillandprovisions.com/

How do I add padding on the website so that my header image does not cut off on the top. There is currently about 50 to 75px that are getting cut off. Need help. 

I tried this... but did not work:

div
#home-page {
    padding-top:100px;
}