Header Background Changing from Screen to Screen

Hello, I created a background image which I uploaded and it is looking good on the homepage coupled with the slider (test site: www.hipandhealthykid.com). When I click to an article/page, (basically anything but the homepage), since the featured slider is no longer active, the background image shrinks in height understandably. In doing so though, the bottom color of the image eats up the logo. Is there a way to make all the pages, except the homepage possibly read off another background file? I can then modify the file to fit that space. Thank you!