Changing block padding but keeping it responsive

Site URL: http://we-arehere.com

I would like to reduce the padding on the slideshow at the top of my page as it's too far from the title and navigation. I used the code below which worked, but on mobile it now isn't responsive so looks odd. 

section padding 

[data-section-id="5fcf39a1ee8bf246ec066037"]  {

    padding-top: 4vw !important;

}

Is there some other code that would allow me to change this but keep the responsive design?

Thanks! 

website is we-arehere.com p/w: here

Remove above code & add to Design > Custom CSS

@media screen and (min-width:768px) {
[data-section-id="5fcf39a1ee8bf246ec066037"]  {
    padding-top: 4vw !important;
}
}