.social  {
	position: relative;
}

.social .list-inline  {
	margin-bottom: 0;
	margin-left: 0;
}

.social .list-inline > li {
    display: inline-block;
    padding-right: 1rem;
    padding-left: 1rem;
}

.social .list-inline > li a  {
	display: block;
}

.social .list-inline > li a .icon  {
	font-size: 3.2rem;
}

@media (max-width: 800px) {
	.social .list-inline > li {
	    padding-right: 0.9rem;
	    padding-left: 0.9rem;
	}
	.social .list-inline > li a .icon  {
		font-size: 2.8rem;
	}
}

@media (max-width: 480px) {
	.social .list-inline > li {
	    padding-right: 0.8rem;
	    padding-left: 0.8rem;
	}
	.social .list-inline > li a .icon  {
		font-size: 2.4rem;
	}
}