html, body{
	padding:0px;
	margin:0px;
	overflow-x: hidden;
	font-family: serif;
	background-color: #000;
}
a, ul, li, p, h1, h2, h3, h4, h5, h6, button, input, textarea{	
	text-decoration:none;
	margin: 0px;
	padding: 0px;
	line-height: 125%;
}
p{
	color: #FFF;
}
a{
	color: inherit;
}
*{
	transition: 0.3s ease;
}
.flex{
	display: flex;
	justify-content: space-between;
}
.container{
	max-width: 1200px;
	width:96%;
	height:auto;
	position: relative;
	z-index: 2;
	margin:auto;
}

/*HEADER*/
	header{
		width: 100%;
		padding: 10px 0;
		background-color: #FFF;
	}
	header .container{
		display: flex;
		align-items: center;
	}
	.headerMarca{
		margin: 0 50px 0 0;
	}
	.headerMarca img{
		height: 50px;
	}
	.headerTradutor{
		width: 100px;
		display: flex;
		justify-content: flex-end;
	}
	.headerTradutor img{
		width: 20px;
		height: 15px;
		border-radius:2px;
		margin: 0 0 0 5px;
		filter: grayscale(0.5);
	}

/*BANNER*/
	.inicialBannerDesktop{
		width: 100%;
	}
	.inicialBannerDesktop img{
		width: 100%;
	}
	.inicialBannerMobile{
		display: none;
	}

/*IMAGEM*/
	.inicialImagens{
		width: 100%;
		margin: 50px 0;
	}
	.inicialImagens .container{
		display: flex;
		gap: 20px;
	}
	.inicialImagensBg{
		width: 100%;
	}
	.inicialImagensBg img{
		width: 100%;
		border-radius: 10px;
	}
	.inicialImagensBg:hover img{
		transform: scale(1.05);
	}

/*CONTATO*/
	.inicialContato{
		width: 100%;
		background-size: cover;
		background-attachment: fixed;
		background-position: center;
		background-image: url('../img/contato.jpeg');
	}
	.inicialContatoBackground{
		width: 100%;
		padding: 75px 0;
		background-image: linear-gradient(to bottom, #0003, #000C);
	}
	.inicialContato h2{
		font-size: 48px;
		font-weight: 300;
		text-align: center;
		color: #FFF;
	}
	.inicialContato form{
		width: 100%;
		max-width: 600px;
		padding: 50px;
		border-radius: 10px;
		margin: auto;
		background-color: #FFF;
	}
	.inicialContatoBg{
		width: 100%;
		margin: 5px 0;
		display: flex;
	}
	.inicialContatoBg input{
		width: 100%;
		height: 50px;
		padding: 0 5px;
		font-size: 16px;
	}
	.inicialContatoBg textarea{
		width: 100%;
		height: 120px;
		padding: 5px;
		font-size: 16px;
	}
	.inicialContatoBg .inicialContatoSubmit{
		width: 200px;
		max-width: 150px;
		height: 50px;
		border-radius: 5px;
		font-size: 12px;
		font-weight: bold;
		letter-spacing: 1px;
		text-transform: uppercase;
		color: #FFF;
		background-color: #000;
	}

/*PESSOA*/
	.inicialPessoas{
		width: 100%;
		padding: 75px 0;
	}
	.inicialPessoas .container{
		display: flex;
		justify-content: center;
		gap: 50px;
	}
	.inicialPessoasBg{
		width: auto;
	}
	.inicialPessoasBgImagem{
		width: 120px;
		height: 120px;
		border-radius: 200px;
		filter: grayscale(1);
		background-size: cover;
		background-position: center top;
		background-color: #FFF;
	}
	.inicialPessoasBgTexto{
		width: 100%;
		margin: 10px 0 0;
	}
	.inicialPessoasBgTexto p{
		text-align: center;
		line-height: 150%;
		letter-spacing: 1px;
	}
	.inicialPessoasBgTexto p strong{
		font-size: 18px;
		font-weight: 600;
		text-align: center;
	}

/*FOOTER*/
	footer{
		width: 100%;
		padding: 25px 0;
		border-top: 1px solid #333;
	}
	footer .container{
		display: flex;
		justify-content: space-between;
	}
	footer p{
		font-size: 14px;
		letter-spacing: 1px;
		color: #999;
	}


@media screen and (max-width:1024px) and (min-width: 768px){
	
}

@media screen and (max-width:767px){
	.flex{
		flex-wrap: wrap;
	}


	/*BANNER*/
		.inicialBannerMobile{
			display: block;
			padding: 0 30px;
		}

	/*IMAGEM*/
		.inicialImagens{
			display: none;
		}

	/*CONTATO*/
		.inicialContato .container{
			box-sizing: border-box;
		}
		.inicialContato form{
			width: 100%;
			max-width: 100%;
			box-sizing: border-box;
		}
		.inicialContatoBg .inicialContatoSubmit{
			width: 100%;
			max-width: 100%;
		}

	/*FOOTER*/
		footer{
			width: 100%;
			padding: 25px 0;
			border-top: 1px solid #333;
		}
		footer .container{
			flex-wrap: wrap;
		}
		footer p{
			width: 100%;
			text-align: center;
		}
}