Custom code to invert logo color in nav affecting social icons in footer

I've added custom code to invert the logo from white to back, but now the social icons and the line in the footer has inverted too? 

code 

<style>
 .header-title-logo img {
    -webkit-filter: invert(100%);
    filter: invert(100%);
  filter:progid:DXImageTransform.Microsoft.BasicImage(invert='1');
  }
 

Thannk you!