Footer resize & positioning CSS help needed

Site URL: http://www.damonomad.co

Hello Squarespace gurus,

I'm having trouble adjusting elements in the footer of my website.

I'd like to eliminate the padding on top & bottom of the container to make the footer fit better under the page content.

I'd also like for my email address to be closer to the "social icon" block, right justified. There seems to be spacing round the social icons that I can't chip into.

Thanks in advance for the help!

Add to Home > design > Custom CSS

footer.sections section {
    min-height: unset !important;
}
footer.sections section .content-wrapper {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

With social, you can edit footer > resize social column width

Thanks Tuanphan, this worked perfect!

I have one more padding question if you don't mind. On the bottom of every portfolio section the previous - next project seems to have a huge padding as well. 

I tried to use the same code to edit its padding but it doesn't work:

section.item-pagination.item-pagination--prev-next {
      min-height: unset !important;
}
section.item-pagination.item-pagination--prev-next {
    padding-top: 10px !important;
    padding-bottom: 10px !important;

}

 What's wrong?

I see fine here. Can you share link to page in screenshot?