Socket Social Media Icons – should go away. – no icons?

This is what my CSS looks now: http://www.dersichtweise.at/blog/

/* Stack footer */
@media only screen and (max-width: 767px) {
footer .copyright, footer .social_bookmarks, footer .sub_menu_socket {
width: 100%!important;
clear: both!important;
display: block!important;
float:none!important;
}
footer .social_bookmarks {
padding-left:8px;
}
}

/* header */
.header_color .main_menu ul:first-child > li > a {font-weight: 300; font-size: 18px; font-family:’Helvetica Neue’}
.header_color .main_menu ul:first-child > li > a:hover { color: #03558f; }
.header_color .main_menu ul:first-child > li.current_page_item > a { color #d1606d; }

/* Linie weg im menü*/
.avia-menu {
border-right: 0px !important;
}

/* title Farbe und größe*/
.main-title a {
color: #03558f !important;
font-size: 24px !important;
}

/* title zentrieren */
.title_container .main-title { text-align: center; }

.alternate_color { border-color: #e1e1e1 !important; }

/* footer font size */
.iconbox_content_title {
font-size: 15px!important;
}

#footer a {
padding: 0;
}
#footer input {
margin-bottom: 0;
}

/* logo große skalieren */
.logo img {
max-width: 100%;
}

#top .av-mailchimp-widget-style-boxed_form {
border-style: solid;
border-width: 1px;
padding: 10px;
}
.widgettitle + .av-mailchimp-widget-style-boxed_form {
margin-top: 10px;
}

@media only screen and (max-width: 767px) {
.responsive #scroll-top-link {
display: block !important;
}}

@media only screen and (max-width: 767px){
.responsive #socket .sub_menu_socket {
display: block !important;
}}

/* social icons im header */
@media only screen and (max-width: 767px) {
.responsive.html_header_top #header_main .social_bookmarks, .responsive.html_top_nav_header #top .social_bookmarks {
margin-top: 0;
display: block !important;
}
}

/* logo abstand nach oben */
.html_header_top.html_logo_center .logo {
padding-top: 1px !important;
}

/*Farbrand rund um Widget box-Sidebar-blog */
section#text-2 {
border: 1px solid #ebeff5;
padding: 10px;
}

/* social media icons größe */
@media only screen and (max-width: 480px) {
.responsive #header .social_bookmarks li { margin-right: 10px; }}

/* Groesse linkliste footer abstand vertical */
@media only screen and (max-width: 989px) and (min-width: 768px) {
.responsive .main_menu ul:first-child>li>a {
padding: 0 20px;
}
}