footer {	width: 100%; background-color: #222; }

.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;
  font-weight: 600 !important;
  letter-spacing: 2px;
  opacity: .9 !important;
  color: #ddd !important;
  padding-bottom: 20px; 
}
.footer__group ul, .footer__group--main ul {	color: #ddd; display: flex;	gap: 15px; }
.footer__group a, .footer__group--main a {	color: #ddd;  transition: 300ms; }
.footer__group a:hover, .footer__group--main a:hover {	color: #111; }
.footer__group li a img {	width: 16px; }
.footer__group li a {
	display: flex;
	flex-direction: row;
	align-items: center;

	letter-spacing: 2px;
    font-weight: 500;
    font-size: 1rem;
    opacity: 0.8;
	gap: 10px;

  }
	img {	
		width: 16px; 
		height: auto;
	}



.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; }
}