Reduce mobile logo/main content padding (West template)

After ridiculous amount of research and trial and error, I finally got it! Probably not perfect code but it gone done what I wanted - reducing the various spacing between each element. I am going to play with it a little more and readd some of the spacing to make it visually perfect but below including the code I frankensteined together.

Here is image of the end-result.

@media screen and (max-width: 700px) {
 .sqs-block-horizontalrule
{max-width: 100%}
.sqs-block-content hr {
margin-top: -33px !important;
margin-bottom: -33px !important;
}
 .Main-content { margin-top: -20px !important;
margin-bottom: -82px !important;
}
.sqs-block-html {margin-top: -40px;
  padding-bottom: 7px;
}
 }

.Mobile-bar--top {
  padding-top: 0px !important;
  margin-bottom: -20px !important;
}