Header padding

Hi,

Just a follow up from this ticket

https://kriesi.at/support/topic/colour-section-background-image-encroaching-on-header/#post-499690

I now have a lot of white space between the header and the first page element on mobile devices

I’ve posted a screen grab here

http://screencast.com/t/wgKflBbwJ

and the CSS I’m using is below.

Can you suggest a way to get around this?

Thanks

.phone-info {
font-family: ‘Salsa’, ‘HelveticaNeue’, ‘Helvetica Neue’, Helvetica, Arial, sans-serif;
float: left;
font-weight: bold;
line-height: 20px;
font-size: 22px;
padding: 20px 0 20px 0;
}

.html_header_top.html_header_topbar_active.html_header_sticky.html_large #top #main {
padding-top: 179px !important;
}