/* --- banner --- */
	#banner{

		background-position: center, center;
		background-repeat: no-repeat;
		background-size: cover;
		height: 403px;
		margin-top: 162px;
	}
	#banner .container{
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		gap: 10px;
	}
	#banner .container h2{
		color: #fff;
		font-size: 52px;
	}
	#banner .container span{
		color: #ffffffd6;
		font-size: 24px;
	}


/* --- breacrumb --- */
	#breacrumb .container{
		padding-top: 10px;
	}


	.conteudo{
		padding: 100px 0;
	}
	.conteudo .container{
		display: flex;
		flex-wrap: wrap;
		gap: 50px;
	}
	.conteudo .container .titulo{
		width: 800px;
		margin: 0 auto;
		display: flex;
		flex-direction: column;
		align-self: center;
		text-align: center;
		gap: 15px;
	}
	.conteudo .container .galerias{
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-evenly;
		gap: 10px;
	}
	.conteudo .container .galerias a{
		width: 250px;
	}
	.conteudo .container .galerias a img{
		width: 100%;
	}
	


@media screen and (max-width: 1440px) {
	
}

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

}

@media screen and (max-width: 768px) {
	/* --- banner --- */
		#banner{
			background: url(../imagens/banners/banner-diferenciais-tablet.jpg)no-repeat 85%;
			background-size: cover;
			height: 780px;
		}
		#banner h1{
			font-size: 78px;
			/*letter-spacing: -4px;*/
		}

	
}

@media screen and (max-width: 480px) {
	/* --- banner --- */
		#banner{
			background: url(../imagens/banners/banner-diferenciais-tablet.jpg)no-repeat 85%;
			background-size: cover;
			height: 468px;
		}
		#banner h1{
			font-size: 57px;
			/*letter-spacing: -4px;*/
		}

	
}

@media screen and (max-width: 375px) {
	
}