@media (max-width: 991.98px) {
	.navbar-nav {
		width: 55%;
		align-items: flex-start !important;
	}

	.fundo-menu {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: url(../img/logo.png) center center no-repeat;
		background-size: contain !important;
		opacity: 0.08;
		z-index: 0;
		pointer-events: none;
	}
}

@media (min-width: 992px) {
	.fundo-menu {
		background: none !important;
	}
}

.navbar {
	background: linear-gradient(180deg, rgb(255 234 206) 0%, #f8f9fa 100%);
}

.card-footer {
	background: none !important;
}

.text-lilas {
	color: #b400ff
}

.card {
	width: 100%;
	max-width: 360px;
	background: transparent;
	padding: 2rem;
	border: none;
	animation: slideUp 0.7s ease-out;
}

@keyframes slideUp {
	from {
		opacity: 0;
		transform: translateY(40px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

span:hover .bi
{
	color: white !important;
	border-radius: 4px;
	transform: none !important;
	transition: none !important;
}