Positioning social media icons over header image in Origami Premium

OK, I should be thinking more clearly!

This is what I’m using in Custom CSS for theme Origami:
/* Social media icons in header */
.cnss-social-icon{
float: right;
margin-top: 800px;
width:400px;
}

.cnss-social-icon li{
float: right;
margin: 5px 0px;
display:inline;
}

.cnss-social-icon ul li {
display: inline;
}

Using class instead of div b/c the table Easy Social Icons produces is table class=”cnss-social-icon” … Is there a better way to do this? URL is http://meganpetersenphoto.com and Megan wants icons to line up horiz with her name. I’ve gotten them (the table) to move the R as she wants but so far no vertical drop…

I’d actually ideally like them to float on the R side of the header img if that’s do-able …?

Can anyone help, please? Huge thanks if you can!! :}
morgana123