footer {	width: 100%; }

.footer__top {
	padding: 50px 25px 100px 25px;
	gap: 45px;
	align-items: start;
	justify-content: center !important;
}

.footer__group, .footer__group--main {	width: min-content; flex: 1;	gap: 20x;}

.footer__group h3, .footer__group--main h3 {	font-size: 2rem;	color: var(--color-brand); padding-bottom: 20px; }
.footer__group ul, .footer__group--main ul {	color: #333; display: flex;	gap: 15px; }
.footer__group span, .footer__group--main span { font-weight: 400; }
.footer__group--main {	flex: 1 1 100px; }
.footer__bottom { border-top: 1px solid #333;	padding: var(--spacing);}

@media(max-width: 900px) {
	.footer__top {
		align-items: start;
		justify-content: center !important;
	}

	.footer__group h3,
.footer__group--main h3 {
	font-size: 1.5rem;
	color: var(--color-brand);
}

	.footer__group--main {
		flex: 1 1 50px;
	}
}

@media(max-width: 750px) { 
	.footer__top { justify-content: center !important; }
	.footer__group--main { flex: 1 1 100vw;	}
	.footer__group--main img { width: 300px; }
}

@media(max-width: 600px) { 
	.footer__top {	flex-direction: column }
	.footer__group--main,	.footer__group { width: 100%;	}
	.footer__group--main img { width: auto;	}
	.footer__group h3, .footer__group--main h3 {	font-size: 2.2rem; }
	.footer__group a, .footer__group--main a { font-size: 1rem !important; }
}