/* @group Logo Description
------------------------------------ */

.logo-description p {
	text-align: center;
	color: var(--fresh-lawn);
}

.logo-description .bp-multimedia {
	height: 3.8rem;
	margin-bottom: 3rem;
}

.logo-description .bp-multimedia .img-box {
	width: auto;
	margin: 0 auto;
}
.logo-description .bp-multimedia img {
	object-fit: contain !important;
}

@media only screen and (min-width: 961px) {
	.logo-description .bp-multimedia {
		height: 6.1rem;
	}
	.logo-description p {
		font-size: max(20px, 2rem);
	}
}

@media only screen and (min-width: 0) and (max-width: 960px) {
	.logo-description .bp-multimedia .img-box {
		width: 30rem;
	}
}

/* @end */

/* ANIMATIONS */

:where(#wrapper) .logo-description {
	opacity: 0;
	--duration: 1s;
}
:where(#wrapper) .logo-description.animateActive {
	animation: fadeUp var(--duration) forwards;
	animation-delay: var(--delay, 0);
	--delay: 0.3s;
}