vantage social media icon and text editor widget vertical alignment in footer

Hi,

I am trying to align my social media icon widget and text editor widget in the footer so that they are both in the centre, with the social media icon above the text. Currently however, the text is aligned to the left and the social media icon is in the center. How do i get them both to be centered?

My current code reads as follows:

#footer-widgets .widget, #footer-widgets .widget_vantage-social-media .social-media-icon {
text-align: center;
}