Second footer only with centered big social icons

Hey Enfold Team,
I’d like to have a second footer (additionally to the normal widget-footer and the socket) only with big centered social icons and above the main footer.

I managed to get the social icons in with inserting the following code into the footer.php (copied and modified in child theme) from another thread:

				<!--PR second footer w social icons -->
				<div class='container_wrap footer_2_color'>
				<?php $social_args = array('outside'=>'ul', 'inside'=>'li', 'append' => ''); avia_social_media_icons($social_args); ?>
				</div>

so the whole section looks like

			if( $footer_widget_setting != 'nofooterwidgets' )
			{
				
				
				
				//get columns
				$columns = avia_get_option('footer_columns');
		?>
				<!--PR second footer w social icons -->
				<div class='container_wrap footer_2_color'>
				<?php $social_args = array('outside'=>'ul', 'inside'=>'li', 'append' => ''); avia_social_media_icons($social_args); ?>
				</div>
				
				<div class='container_wrap footer_color' id='footer'>

					<div class='container'>

						<?php
						do_action('avia_before_footer_columns');

						//create the footer columns by iterating

I added some CSS to get it centered and bigger, but it was only quick and dirty and does only work in FF & IE, not in Chrome. Is there a chance you can help me with some proper code?
What I have right now:

/* Footer2 Social Icons */
.footer_2_color .social_bookmarks li a {
	font-size: 40px !important;
	line-height: 40px!important;
	border-radius: 300px!important;
	display: block!important;
	text-align: center!important;
	float: none!important;
	border: none!important;
}
.footer_2_color .social_bookmarks li {
	margin: 30px;
	float: none!important;
	display: inline-block!important;
	border: none!important;
	width: 50px!important;
}
.footer_2_color .social_bookmarks a {
	color: #fff;
}
.footer_2_color ul.social_bookmarks {
	width: 30%;
	margin: auto!important;
	line-height: 80px!important;
	height:	100%!important;
}
.footer_2_color div {
	height: 100px!important;
	border: none!important;
}

Thanks in advance!