Remove Spacing From Below Header on Mobile

I’m trying to remove the spacing below the header section on my mobile view (see below), so that the image sits just below the client logon button.

http://imgur.com/a/1yaVj http://imgur.com/a/E00BU

Here’s the code I used to align and decrease space of the items in the header:

/* move phone number widget */
@media only screen and (max-width: 749px) {
#header #text-15 {
position: relative;
padding-bottom: 0;
top: -80px;
left: 33%;
}

/* Move Client Login button in header */
@media only screen and (max-width: 749px) {
#header .avia-button-left {
position: relative;
padding-bottom: -80px;
top: -100px;
left: 33%;
}
}

/* === MOVE ANNIVERSARY LOGO IN HEADER AREA === */
@media only screen and (max-width: 749px) {
#header #text-14 {
position: relative;
padding-bottom: 0;
top: 0px;
left: 20%;
}
}

/* Change header in mobile */
@media only screen and (max-width: 749px) {
#header_meta {
margin-top: -30px;
}
.logo img {
margin: auto!important;
}
.logo {
width: 100%!important;
}
#widget_sp_image-2 img{
transform:translate(50%, 20px);
}
}

/* Mobile Menu Positioning */
#advanced_menu_toggle {
right: -25px;
top: 30px;
}

Thanks.