Custom Footer- Menu and Social Widget Alignments

I wanted to have a specific menu at the footer, different from the main menu (a feature that should be added, hopefully in an update :]…does the premium version have it?), so I used the custom CSS code I found under this post.

.site-footer .widget_nav_menu ul {
	text-align: center;
}
.site-footer .widget_nav_menu li {
	display: inline-block;
	margin-right: 10px;
}

However, when I add another widget to the footer widget area, the Vantage Social Media widget specifically, it throws off the alignment of the widgets.

My goal is to have a menu centered and the social media icons to the far right. Tried adding custom CSS code, but was unsuccessful. Any thoughts?

Thanks!