.footer {
	text-align: center;
	font-size: $font-size-small;
	border-top: 1px solid $co-gray-70;
	> .container {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
}

.footer-top {
	padding: $sp-6 0 $sp-5;
}

.footer-bottom {
	padding: $sp-4 0;
	border-top: 1px solid $co-gray-70;
}


.footer-go-top {
	position: fixed;
	z-index: 10;
	right: $sp-4;
	bottom: $sp-4;
	opacity: 0;
	transform: translateZ(0);
	pointer-events: none;
	transition: opacity .3s linear;

	.scolled-xs-top & { opacity: 1; pointer-events: auto;}
	.scolled-xs-bottom & { opacity: 0; pointer-events: none;}
}

@include mediaQ(sm) {

	.footer {
		text-align: left;
		.container {
			flex-direction: row;
		}
	}

	.footer-left {
		margin-right: auto;
	}
}