.section-copyright {
	margin: 0 auto;
	background-color: #292931;
}

.container-copyright {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
	flex: 1 1 auto;
	gap: var(--space-5);
	padding: var(--space-7) 0;
	border-top: 1px solid var(--color-border);
}

.section-copyright a,
.section-copyright span {
	color: var(--color-white);
	font-size: var(--text-sm);
	font-weight: var(--font-light);
	line-height: 0;
	text-decoration-color: transparent;
}

.section-copyright a:hover {
	color: var(--color-secondary);
	text-decoration-color: var(--color-secondary);
}

@media only screen and (max-width: 768px) {
	.section-copyright span {
		display: block;
		margin-top: var(--space-4);
	}
}

.copyright-menu-items ul {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: var(--space-4);
	margin: 0;
	list-style: none;
}

.copyright-menu-items li::after,
.copyright-company::after{
	content: "|";
	padding-left: var(--space-4);
	color: var(--color-white);
}

.copyright-author {
	display: flex;
	align-items: center;
}

.copyright-author img {
	margin-bottom: var(--space-1);
	margin-left: var(--space-3);
}

.copyright--webtim-logo{
	transition: transform var(--transition-time) ease-in-out;
}

.copyright--webtim-logo:hover{
	transform: translateY(-8px);
}

@media only screen and (max-width: 768px) {
	.copyright-menu-items ul {
		display: block;
	}

	.container-copyright {
		gap: var(--space-4);
		flex-direction: column;
		align-items: flex-start;
	}

	.copyright-menu-items li {
		display: block;
		margin: 0 auto var(--space-8) auto;
		padding-left: 0;
		text-align: left;
	}

	.copyright-menu-items li:last-of-type {
		margin-bottom: var(--space-2);
	}

	.copyright-menu-items li::after,
	.copyright-company::after{
		content: " ";
	}

	.copyright-author {
		margin: 0;
	}

	.copyright-author img {
		margin-bottom: -6px;
	}
}