.footer-social {
	color: var(--white);
}

.footer-social > h2 {
	color: var(--blue-light);
	font-family: var(--font-hand);
	font-weight: var(--font-weight-normal);
	font-size: calc(21rem/16);
	line-height: 1.14286;
	margin-bottom: 5px;
}

.footer-social > p {
	color: var(--white);
	font-size: calc(18rem/16);
	font-family: var(--font-display);
	font-weight: var(--font-weight-semibold);
	letter-spacing: calc(1.44em/18);
	margin-bottom: 3px;
}

.footer-social .social-links .social-link {
	font-size: calc(14rem/16);
	width: 25px;
	height: 23px;
}

@media (min-width: 64em) {
	.footer-social {
		display: flex;
		flex-wrap: wrap;
		gap: 0 15px;
	}

	.footer-social > h2 {
		font-size: calc(40rem/16);
		line-height: 1;
		margin-bottom: 0;
	}

	.footer-social > p {
		font-size: 2rem;
		letter-spacing: (2.56em/32);
		margin-bottom: 0;
	}

	.footer-social .social-links .social-link {
		font-size: calc(28rem/16);
		width: 50px;
		height: 48px;
	}
}