.site-footer {
    background: var(--black);
    color: var(--white);
    padding: 100px 0;
}

.site-footer .footer-top {
	width: 100%;
	padding-bottom: 80px;
	border-bottom: 1px solid var(--white);
}

.site-footer .footer-top .contact,
.site-footer .footer-top .about {
	width: 35%;
	line-height: 2;
}

.site-footer .footer-top .social-media {
	width: 30%;
	gap: 16px;
	justify-content: flex-end;
}

.site-footer .footer-top .social-media .social-link {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 32px;
	aspect-ratio: 1/1;
	background: var(--green);
}

.site-footer .footer-top .social-media .social-icon {
	display: block;
	aspect-ratio: 1/1;
	height: 50%;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.site-footer .footer-top .social-media .social-icon.fb {
	background-image: url(../img/fb.svg);
}

.site-footer .footer-top .social-media .social-icon.ig {
	background-image: url(../img/ig.svg);
}

.site-footer .footer-top .social-media .social-icon.linkedin {
	background-image: url(../img/linkedin.svg);
}

/* Footer Bottom */
.site-footer .footer-bottom {
	width: 100%;
	padding-top: 50px;
}

.site-footer .footer-bottom .copyright {
	margin-right: 50px;
}

#footer > .section .footer-bottom .country {
	justify-self: flex-end;
}

.site-footer .footer-bottom #footerLegal {
	display: flex;
	gap: max(16px, 2.1875vw);
}

.site-footer .footer-bottom .country img {
	display: inline;
	height: 1em;
	margin-left: 1em;
}

@media (max-width: 991.98px) {
	.site-footer > .container {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.site-footer .footer-top,
	.site-footer .footer-bottom {
		flex-direction: column;
		align-items: center;
		text-align: center;
		gap: calc(var(--grid-gap) * 2);
		width: fit-content;
		min-width: 75%;
	}

	.site-footer .footer-bottom #footerLegal {
		flex-direction: column;
		text-align: center;
	}

	.site-footer .footer-bottom .copyright {
		margin-right: 0;
	}

	.site-footer .footer-top .contact,
	.site-footer .footer-top .about,
	.site-footer .footer-top .social-media {
		width: fit-content;
	}
}