On mobile only: social icons are floating right and merging with copyright info

Hello,

I hope you can help me with this one – as I love your plugin and it’s beautiful on my site. However, on mobile only, it floats the copyright text to the left of the social icons.

See here: https://www.carolamoonportraits.com

I’ve added the following CSS to my site:
.social-icon { float: right; width: 20px !important; }
/* Clearfix */
#navbar:before,#navbar:after { content: “”; display: table;}
#navbar:after {clear: both;}
#navbar {zoom: 1; }

What can I do to avoid the copyright text floating around the social icons for mobile?

Many thanks, Carola.