.site-footer {
	background: #ddd;
	display: flex;
	flex-flow: column;
	align-items: center;
	hr {display: none;}
	.container {
		padding: 1em;
		.social-links {
			font-size: 2em;
			display: flex;
			flex-flow: row;
			justify-content: center;
			width: 100%;
			margin: 1em 0;
			.social-link {
				color: #333;
				transition: color 0.4s ease-in-out;
				margin-left: 0.5em;
				width: 1em;
				display: flex;
				justify-content: center;
				text-decoration: none;
				span {display: none;}
			}
			.social-link:first-child {margin-left: 0;}
			.twitter:hover {color: #1da1f2}
			.facebook:hover {color: #1778f2}
			.linkedin:hover {color: #0e76a8}
		}
		p {
			text-align: center;
			line-height: 1.2;
			a {color: inherit; font-weight: 700; transition: color 0.4s ease-in-out}
			a:hover {color: #00a3ff}
		}
	}
}