@charset "UTF-8";


#home {
	background-image: url(../imagens/index/background.webp),
				linear-gradient(50deg,#ff4169,#7c26f8) !important;
	background-attachment: fixed;
	background-size: 100% 100%;
	min-height: 600px;
}

.capa {text-align: center;}

.carousel-control-next, .carousel-control-prev {width: 5%;}

.btn-estilo {
	color: white;
	border-radius: 50px;
	text-transform: uppercase;
	transition: background 4s, color 4s;
	text-decoration: none;
}

.btn-vermelho {border: 2px solid white; transition: all 0.8s ease-in-out;}

.btn-vermelho:hover {
	transform: scale(1.4);
	transition: all 0.8s ease-in-out;
	background: darkred;
	color: white;
}

h1 {
	font-size: 8em;
	letter-spacing: -0.05em;
	margin-bottom: 50px;
	color: white;
}

.nav-link, .nav-link:hover {color: white;}


/*---------------------Ajustes-------------*/

@media(max-width: 1200px) {
	h1 {font-size: 8em;}

	img {width: 190px; height: 190px;}
}

@media(max-width: 992px) {
	h1 {font-size: 7em;}

	img {width: 180px; height: 180px;}
}

@media(max-width: 768px) {
	h1 {font-size: 4em;}

	img {width: 150px; height: 150px;}
}

@media(max-width: 576px) {
	img {width: 120px; height: 120px;}
}

@media(max-width: 460px) {
	h1 {font-size: 2.8em;}

	#carousel-mario a {font-size: 1em;}
}