.site-footer {
	position: relative;
    @include font-size(8, mobile, true, true, true);
    @if ( get-font-size(8, desktop) != get-font-size(8, mobile) ) {
        @include media( '>medium' ) {
            @include font-size(8, desktop, true, true, true);
        }
    }

    a {
        @include anchor-aspect(footer);
    }
}

.footer-bg,
.footer-dots {
	display: none;
}

.site-footer-inner {
    position: relative; /* To display all elements above the background color */
    display: flex;
    flex-wrap: wrap;
	align-items: center;
    padding-top: 32px;
    padding-bottom: 32px;
}

.footer-social-links,
.footer-copyright {
    flex: none;
    width: 100%;
    display: inline-flex;
    justify-content: center;
}

.footer-copyright {
	margin-bottom: 24px;
}

.footer-social-links {
	margin-bottom: 0;

    li {
		display: inline-flex;

        + li {
            margin-left: 16px;
        }

		a {
			padding: 8px;
		}
    }
}

@include media( '>medium' ) {

    .site-footer {

        &::before {
            height: 202px;
        }
    }

	.footer-bg,
	.footer-dots {
		display: block;
		position: absolute;
	}

	.footer-bg {
		bottom: 0;
		right: 0;
	}

	.footer-dots {
		bottom: 124px;
		right: 127px;
	}

    .site-footer-inner {
        justify-content: space-between;
    }

    .footer-social-links,
    .footer-copyright {
        flex: 50%;
    }

    .footer-copyright {
		margin-bottom: 0;
        justify-content: flex-start;
    }

    .footer-social-links {
        justify-content: flex-end;
    }
}