The gray on top is really just a 40px margin on the bottom of the #head-wrap. You’ll need this space on other parts of your site, so you can add this to remove it from the home page only –
`.home #head-wrap {
margin: 0;
}`
Take a look at the padding under – “.slider-inner” and change the bottom part to 0.
The “.slider-inner .widget” also has 20px of margin added to the bottom.
**********************************
There is no maximum limit to the image, it’s responsive.
