Removing space between top of Widgets and bottom of Background image?

Can you please give me CSS to remove space between the top of the Search Widget (and the page title) and the green line at the bottom of the Background Image:

I want to bring all of the page contents slightly up and make it more efficient. I want to cut it to about 3/4 of what it is now.


You can adjust the value of the margin-bottom from the css code below to reduce the space between header and content:

.site-header {
    margin-bottom: 50px;