
/* --- descricao --- */
	#descricao{
		background: url('../imagens/banners/banner-atuacao.jpg')no-repeat center center;
		background-size: cover;
		
	}
	#descricao .titulo{
		margin-top: 340px;
		margin-left: 209px;
		margin-right: 209px;
	}
	#descricao .text-center h1{
		font-size: 109px;
	}
	#descricao .text-center p.mt-4{
		opacity: .8;
	}
	#descricao .text-center p{
		font-size: 14px;
		font-weight: 600;
	}

	#descricao .card{
		background-color: transparent;
		width: 224px;
		margin-left: 10px;
		margin-right: 10px;
	}
	#descricao .card .imagem{
		height: 190px;
		background-color: #c7c7c7;
		padding: 23px;
	}
	#descricao .card .imagem p{
		color: #2f2f2f;
		font-size: 18px;
		transition: .3s;
		font-family: "trajan bold";
	}
	#descricao .card .descricao{
		opacity: 0;
		background-color: #ededed;
		padding: 23px;
		transition: .3s;
	}
	#descricao .card .descricao p{
		opacity: .7;
		font-family: "Montserrat Regular";
		color: #616161;
		font-size: 14px;
		line-height: 17px;
		text-align: justify;
	}

	#descricao .card .img-2{
		display: none;
	}
	#descricao .card:hover .img-1{
		display: none;
	}
	#descricao .card:hover .img-2{
		display: block;
		margin: 0 auto;
	}

	#descricao .card:hover .imagem{
		background-color: #080b25;
		transition: .3s;
	}
	#descricao .card:hover .imagem p{
		color: #fff;
		transition: .3s;
	}
	#descricao .card:hover .descricao{
		opacity: 1;
		transition: .3s;
		color: #616161;
	}
	
/* --- atuacao --- */
	#atuacao .atuacao-4,
	#atuacao .atuacao-5{
		min-height: 408px;
	}
	#atuacao .atuacao-4{
		background: url('../imagens/bg/bg-atuacao-04.jpg')no-repeat center center;
		background-size: cover;	
	}
	#atuacao .atuacao-5{
		background-color: #2f2f2f;
		background-size: cover;
	}

	#atuacao .conteudo{
		margin: 0 70px;
	}
	#atuacao .conteudo h3{
		font-size: 25px;
		font-family: "trajan bold";
	}
	#atuacao .conteudo a div{
		margin-left: -10px;
		border-top: 1px solid white;
		width: 22px;
		display: inline-block;
		margin-bottom: 5px;
		margin-right: 5px;
	}
	#atuacao .conteudo a{
		font-size: 18px;
	}
	#atuacao .conteudo a:hover{
		text-decoration: underline!important;
	}

	#atuacao .atuacao-5 .conteudo .text-trajan p{
		font-size: 16px;
	}
	#atuacao .atuacao-5 .conteudo .text-trajan h3{
		font-size: 40px;
		margin-top: -5px;
	}

@media screen and (max-width: 1440px) {
	/* --- descricao --- */
		#descricao .titulo{
			margin-top: 250px;
			margin-left: 0px;
			margin-right: 0px;
		}
}

@media screen and (max-width: 1024px) {
	/* --- descricao --- */
		#descricao .text-center h1{
			font-size: 100px;
		}
}

@media screen and (max-width: 768px) {
	/* --- descricao --- */
		#descricao .text-center p{
			font-size: 16px;
		}

		#descricao .card .imagem{
			height: 190px;
		}
		#descricao .card .imagem p{
			font-size: 18px;
		}
		#descricao .card .descricao{
			padding: 23px;
		}
		#descricao .card .descricao p{
			font-size: 14px;
			line-height: 17px;
		}		
}

@media screen and (max-width: 480px) {
	/* --- descricao --- */
		#descricao{
			background: url('../imagens/banners/banner-atuacao.jpg')no-repeat 45%;
			min-height: 600px;
			height: 100%;
		}
		#descricao .titulo{
			margin-top: 200px;
		}
		#descricao .text-center h1{
			font-size: 68px;
		}
		#descricao .text-center p{
			font-size: 12px;
		}

		#descricao .card{
			width: 115px;
			margin-left: 5px;
			margin-right: 5px;
		}
		#descricao .card .imagem{
			height: 110px;
			padding: 10px;
		}
		#descricao .card .imagem img{
			max-width: 55px;
		}
		#descricao .card .imagem p{
			font-size: 12px;
		}
		#descricao .card .descricao{
			padding: 16px;
		}
		#descricao .card .descricao p{
			font-size: 10px;
			line-height: 10px;
		}

	/* --- atuacao --- */
		#atuacao .atuacao-4,
		#atuacao .atuacao-5{
			min-height: 250px;
		}

		#atuacao .atuacao-5 img{
			max-width: 52px;
		}
		#atuacao .conteudo{
			margin: 0 10px;
		}
		#atuacao .atuacao-5 .conteudo .text-trajan p{
			font-size: 10px;
			opacity: .7;
		}
		#atuacao .atuacao-5 .conteudo .text-trajan h3{
			font-size: 25px;
			margin-top: -5px;
			opacity: .9;
			letter-spacing: 1px;
		}
		#atuacao .conteudo .descricao p{
			font-size: 10px;
			opacity: .9;
		}
		#atuacao .conteudo a div{
			width: 18px;
			margin-bottom: 3px;
			opacity: .6;
		}
		#atuacao .conteudo a{
			font-size: 11px;
			opacity: .9;
		}

		.atuacao-img-size i{
			font-size: 2rem;
		}
}

@media screen and (max-width: 375px) {
	/* --- descricao --- */
		#descricao .text-center h1{
			font-size: 55px;
		}

		#descricao .card{
			width: 110px;
			margin-left: 4px;
			margin-right: 4px;
		}
		#descricao .card .imagem{
			height: 100px;
			padding: 0px;
		}
		#descricao .card .imagem img{
			max-width: 45px;
		}
		#descricao .card .descricao{
			padding: 10px;
		}

	/* --- atuacao --- */

		#atuacao .atuacao-5 img{
			max-width: 50px;
		}
		#atuacao .atuacao-5 .conteudo .text-trajan p{
			font-size: 10px;
		}
		#atuacao .atuacao-5 .conteudo .text-trajan h3{
			font-size: 20px;
			margin-top: 0px;
		}
		#atuacao .conteudo .descricao p{
			font-size: 10px;
			margin-bottom: 5px;
		}
		#atuacao .conteudo a{
			font-size: 9px;
		}
		#atuacao .conteudo a div{
			width: 18px;
			margin-bottom: 2px;
		}
}