.footer-wrap {
	box-shadow: 0 3px 10px 0px rgba(0,0,0,0.3);
}

.footer {
	position: relative;
	display: grid;
	grid-template-areas:
		"footer-inner"
		"social"
		"corp-badges";
	grid-gap: 1rem;
	max-width: 62.5rem;
	margin: 0 auto;
	padding: 2rem 1rem;
}

@media(min-width: 30em) {
	.footer {
		grid-template-columns: 1fr 1fr;
		grid-template-areas:
		"footer-inner footer-inner"
		"social corp-badges";
	}
}

@media(min-width: 45em) {
	.footer {
		grid-template-columns: 1fr 1fr 1fr 1fr auto;
		grid-template-areas:
			"social footer-inner footer-inner footer-inner corp-badges";
	}
}

.social {
	grid-area: social;
}

.footer-inner {
	grid-area: footer-inner;
	display: grid;
	grid-template-columns: 1fr;
}

@media(min-width: 30em) {
	.footer-inner {
		grid-template-columns: 1fr 1fr 1fr;
		grid-gap: 1rem;
	}
}

.footer-inner ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 1.25rem;
}

@media(min-width: 37.5em) {
	.footer-inner ul {
		padding: 0 0.5rem;
		font-size: 1rem;
	}
}

.footer-inner li {
	border-bottom: 1px dotted var(--black);
}

.footer-inner li a {
	display: block;
	padding: 0.75rem 0.5rem;
}

@media(min-width: 30em) {
	.footer-inner li a {
		padding: 0.25rem;
	}
}

@media(min-width: 37.5em) {
	.footer-inner li a {
		padding: 0.25rem 0;
	}
}

.footer h4 {
	margin-top: 0.35rem;
	color: var(--red);
}

.corp-badges {
	display: flex;
	max-width: 170px;
	padding-top: 0.5rem;
	padding-left: 2rem;
	flex-wrap: wrap;
	list-style: none;
	align-self: flex-start;
}

.social-icons {
	display: flex;
	margin: 0;
	padding: 0;
	list-style: none;
}

.social-icons li {
	margin-right: 1rem;
}

.social-icons li a {
	display: block;
}

.social-icons img {
	display: block;
	width: 1.5rem;
	max-width: 2rem;
}

.back-to-top {
	position: absolute;
	top: -1rem;
	right: 1rem;
}

@media(min-width: 64.5rem) {
	.back-to-top {
		right: -1rem;
	}
}

.logobar-wrapper {
	background: #ededed;
}

.grid-logobar {
	display: grid;
	max-width: 62.5rem;
	margin: 0 auto;
	padding: 2rem 1rem;
	grid-template-columns: repeat(2, 1fr);
	place-items: center;
	grid-gap: 1rem;
	list-style: none;
}

@media(min-width: 25em) {
	.grid-logobar {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media(min-width: 37.5em) {
	.grid-logobar {
		grid-template-columns: repeat(6, 1fr);
	}
}

.grid-logobar li {
	place-self: center;
}