@media (max-width: 900px) {
	.hp-footer-grid {
		flex-direction: column;
		align-items: center;
		gap: 36px;
	}

	.hp-footer-col-logo {
		align-items: center;
		text-align: center;
		width: 100%;
	}

	.hp-footer-links {
		width: 100%;
		max-width: 52rem;
	}
}

@media (max-width: 640px) {
	.hp-wrap {
		padding: 0 20px;
	}
}