Inverting social Icon colors

Hey everyone I am looking to change/invert the colors of my social icons on my 7.0 Squarespace site.  I figured out how to do it using invert for the logo with the below code

.Header-branding-logo {
    -webkit-filter: invert(100%);
    filter: invert(100%); filter:progid:DXImageTransform.Microsoft.BasicImage(invert='1');
  }

I am trying to figure out how to do the same with the social icons by either inverting them or changing their color to black. 

Thank You!

Hi,

What is your site url? We can help easier

Press — Newport Property Construction (squarespace.com) is the site address