.app-footer {
	padding: var(--column-gutter-width) var(--column-gutter-width) 60px;
	background: var(--accent-color);
}

.app-footer-inner {
	display: grid;
	grid-template-columns: 2fr 3fr 1fr;
	grid-column-gap: var(--column-gutter-width);
	max-width: var(--max-width);
	margin: auto;
}

.app-footer .license img {
	width: 25px;
	mix-blend-mode: multiply;
}

.app-footer .radio-nav li::before {
	background: var(--accent-color);
}

@media (max-width: 1100px) {
	.app-footer-inner {
		grid-template-columns: 1fr 4fr 1fr;
	}
}

@media (max-width: 850px) {
	.app-footer .license img {
		width: 15px;
	}
}

@media (max-width: 700px) {
	.app-footer-inner {
		grid-template-columns: 1fr 1fr;
	}

	.app-footer .radio-nav {
		order: 2;
		grid-column-start: 1;
		grid-column-end: 2;
	}

	.app-footer .about {
		order: 1;
		grid-column-start: 1;
		grid-column-end: 3;
		margin-bottom: 30px;
		padding-right: 0;
	}

	.app-footer .license {
		order: 3;
		grid-column-start: 1;
		grid-column-end: 2;
		margin-top: 30px;
	}

	.app-footer .license img {
		width: 25px;
	}
}