Remove white space between menu and hero image

I was reading this forum post but was unable to get the issue resolved. Here is the css I have inserted:

.home #main {
  padding-top: 0;
}

.home.layout-full .panel-row-style.panel-row-style-full-width {
  padding-top: 0;
}

The website is: imclinic.org.

Any help in removing the white space before the hero image would be greatly appreciated.

Thanks!