.footer {
	padding: 20px;
	height: auto;
}
.footer ul.horizontal-links {
	display: inline-block;
	padding: 0;
	margin: 0;
}
.footer ul.horizontal-links li {
	display: block;
	float: left;
	padding: 0 10px;
	margin: 0;
}
.footer ul.horizontal-links li.links a {
    color: #0000a0;
}
.footer ul.horizontal-links li.links a:hover {
    color: #0000a0;
    text-decoration: underline;
}

.footer ul.horizontal-links li a.button.fi-social-facebook,
.footer ul.horizontal-links li a.button.fi-social-linkedin,
.footer ul.horizontal-links li a.button.fi-social-twitter,
.footer ul.horizontal-links li a.button.fi-social-youtube,
.footer ul.horizontal-links li a.button.fi-mail{
	padding: 0 5px;
	margin: 0;
	font-size: 30px;
	color: #999;
	background: transparent;
	border: 1px solid transparent;
	border-radius: 0;
}
.footer ul.horizontal-links li a.button.fi-social-facebook:hover,
.footer ul.horizontal-links li a.button.fi-social-linkedin:hover,
.footer ul.horizontal-links li a.button.fi-social-twitter:hover,
.footer ul.horizontal-links li a.button.fi-social-youtube:hover,
.footer ul.horizontal-links li a.button.fi-mail:hover{
    color: #777;
	text-decoration: none;
	
	color: #555;
    text-decoration: none;
	border: 1px solid #ddd;
	border-radius: 3px;
}

/* Reformating from horizontal to vertical pillar */
@media only screen and (max-width: 640px) {
	.footer {
		padding: 10px;
	}
	.footer ul.horizontal-links li.links {
		display: block;
		float: none;
		text-align: center;
		padding:0;
		margin: 0;
		padding: 10px 5PX;
	}

}