/* #region [mobile] */

.footer {
	width: 100%;
	background-color: var(--fillFont);
	color: white;
	font-size: calc(var(--fontSize) * .875);
}

.footer .container {
	flex-direction: column;
}

.copyright {
	margin: 0 0 1rem;
	line-height: 1;
}

.copyright__icon {
	width: 2rem;
	height: 2rem;
	margin: .25rem .25rem 0 0;
}

.copyright span {
	margin-right: .5rem;
}

.dev {
	color: white;
	line-height: 1;
}

.dev:hover {
	color: unset !important;
	opacity: .8;
}

.dev__icon {
	width: auto;
	height: 1rem;
	margin: 0 0 .25rem .25rem;
}

/* #endregion */


/* tablets */
@media (min-width: 30rem) {

}


/* desktop */
@media (min-width: 64rem) {

	.footer .container, .footer .dev {
		flex-direction: row;
		justify-content: space-between;
	}

	.copyright {
		margin: 0;
	}
}