Centering text, logos and social sharing on mobile footer

I have used code to center the footer text on my website, but I can't work out how to center the LinkinIn Icon. 

This is the code I used for the text. I tried using the Block ID to center the LinkedIn logo but couldn't get it to work.

Please could someone help? 

// CENTER FOOTER TEXT FOR MOBILE
@media screen and (max-width:767px) {
footer.sections * {
    text-align: center !important;
  }}

https://claudia-pascale-2.squarespace.com

pw: claudia 

@tucecoop Hi! To center the LinkedIn logo, you can add this code under Website > Pages > Website Tools > Custom CSS

@media screen and (max-width:767px) {
	footer nav.sqs-svg-icon--list {
		justify-content: center !important;
	}
	footer .social-icons-size-medium.social-icons-style-regular.social-icon-alignment-left .sqs-svg-icon--wrapper {
		margin-left: 7px !important;
		margin-right: 7px !important;
	}
}