.social-section {
	margin-top: 5rem;
}

h5.social-heading {
	display: block;
	margin-bottom: 1rem;
	font-family: "Raleway", Helvetica, Roboto, Arial, sans-serif;
	font-size: 1.4rem;
}

ul.social {
	list-style: none;
	margin: 0;
}

ul.social li {
	display: inline-block;
	width: auto;
	margin-right: 1rem;
}

ul.social li a {
	text-transform: uppercase;
	font-size: 1.2rem;
	font-weight: bold;
	letter-spacing: .2rem;
	color: #231F20;
	opacity: .6;
	position: relative;
	display: block;
	padding: .5rem;
	border-radius: 10rem;
	transition: all .3s ease-in-out;
	-webkit-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
}

ul.social li a:hover {
	background: #231F20;
}

nav ul li a:hover:after {
	width: 0;
}

ul.social li a i,
ul.social li a svg {
	width: 1.4rem;
	height: 1.4rem;
	fill: #231F20;
	transition: all .3s ease-in-out;
	-webkit-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
}

ul.social li a:hover i,
ul.social li a:hover svg {
	fill: #fff;
}