Remove Space After Header – Need CSS Help

Need help with removing header space on a landing page I am making. I set the row’s top margin to -120ish pixels before which gave me the result on desktop I wanted, but the slider went into the header on mobile.

Someone previously gave me this code for my homepage that worked, but isn’t working on my current page. I can’t seem to figure out the names of the objects that needed to be called on in this page for it to work.

Landing page URL: http://www.tastepurveyor.com/taste-of-texas

Here is the custom CSS I’ve been using on my homepage to achieve the same effect:
.home .global_content_wrapper {
margin-top: 0;
}

.home .content_wrapper {
margin-top: -35px;
}

Any help is appreciated!