.site-footer section {
	padding: 2em 0;
	font-size: .8em;
	background: #000;
}

.site-footer--inner{
	text-align: center;
}

.logo {
	width: 4.2em;
	margin: 0 auto;
}

.logo img {
	width: 100%;
}

.copyright {
	flex-grow: 1;
	margin: 2em 0;
	color: #999;
	line-height: 2;
}

.back-to-top {
	position: relative;
	transform: rotate(-180deg);
	bottom: auto;
	right: auto;
	margin: 0 auto;
	left: auto;
}

@media screen and (min-width: 768px) {

	.site-footer {
		position: fixed;
		bottom: 0;
		right: 0;
		left: 0;
		z-index: -1;
		height: 12em;
	}

	.site-footer section {
		padding: 4em 0;
	}

	.site-footer--inner {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
	}

	.logo {
		margin-right: 2em;
	}

	.copyright {
		flex-grow: 1;
		margin: 0;
		text-align: left;
		line-height: 1.5;
	}


}