/*.noice-effect::before {
	content: "";
	position: absolute;
	top: -100%;
	left: -100%;
	width: 300%;
	height: 300%;
	opacity: 0.8;
	background-image: url('../images/noise-paatern.png');
	background-repeat: repeat;
	background-size: auto;
	animation: noiceAnim 8s steps(10) infinite;
	z-index: 1;
}*/

.content-wrap, #footer {
	z-index: 10;
}

@keyframes noiceAnim {

	0%,
	to {
		transform: translate(0);
	}

	10% {
		transform: translate(-5%, -10%);
	}

	20% {
		transform: translate(-15%, 5%);
	}

	30% {
		transform: translate(7%, -25%);
	}

	40% {
		transform: translate(-5%, 25%);
	}

	50% {
		transform: translate(-15%, 10%);
	}

	60% {
		transform: translate(15%);
	}

	70% {
		transform: translateY(15%);
	}

	80% {
		transform: translate(3%, 35%);
	}

	90% {
		transform: translate(-10%, 10%);
	}
}

@keyframes pulse {
		0% {
			-moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3);
			box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3);
		}
		70% {
			-moz-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0);
			box-shadow: 0 0 0 10px rgba(255, 255, 255, 0);
		}
		100% {
			-moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
			box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
		}
	}

#wrapper {
	background: url('../images/2025/assets/MF25_WebsiteBackground.jpg');
	background-size: cover;
}

#content {
	background-color: transparent;
}

.logo-mateus {
	max-height: 300px;
}

.artist-card {
	max-height: 450px;
}

#footer {
	background-color: transparent;
	background-color: rgb(0 0 0 / 0%);
	backdrop-filter: blur(3px);
}

#copyrights {
	border-top: 1px solid rgba(255,255,255, 0.15);
	background-color: rgba(0, 0, 0, 0.0) !important;
}

.button-buy {
	background: #382260;
    padding: 10px 20px;
    animation: pulse 2s infinite;
}

.button-buy:hover {
	transform: translateY(5px);
	background: #f1564c;
}

.logo-footer {
	max-height: 100px;
}

.content-wrap  {
	padding-top: 40px;
	padding-bottom: 40px;
}

.container-master {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

@media (min-width: 991.98px) { 
	.fix-shape {
		transform: translateY(-100px);
	    margin-bottom: -100px;
	}
	.logo-footer {
		max-height: 150px;
	}
	
}

@media (max-width: 768px) { 
	.artist-card {
		max-height: 250px;
	}
	.logo-mateus {
    	max-height: 100px;
	}
}