footer {	
	display: grid;
	grid-template-columns: 1fr 14fr 1fr;
	grid-template-rows: 4rem 100px 4rem;  /* высота здесь, а не в height, чтобы в моб версии (которая не grid) считалась сама */
	background-color: var(--darkBG);
	color: white; /* унаследуют все, кроме h2, так как у него своё определение */
}

footer h2 {
	grid-column: 2/3;
	grid-row: 2/3;
	place-self: start start;
	margin: 0;
	color: white;
}

footer .years {
	grid-column: 2/3;
	grid-row: 2/3;	
	place-self: end start;
}

footer .social {
	grid-column: 2/3;
	grid-row: 2/3;
	place-self: end end;
}



@media(max-width: 1050px) {
	footer, footer div, footer h1 {
		display: block;
		text-align: center;
	}	
	footer {
		padding: 4rem 0;
	}
	footer div.years {
		padding: 2rem;
	}
}