.banner{
	display: flex;
	width: 100%;
	min-height: 300px;
	background-image: url('../imagens/header/bg-bn.png');
	background-size: contain;
	background-position: left center;
	background-repeat: no-repeat;
}
.banner .texto{
	width: 100%;
	display: flex;
	align-self: center;
	justify-content: center;
    gap: 10px;
    padding: 50px 50px 50px calc((100% - 1420px) / 2);
}
.banner .img{
	width: 100%;
}
.banner .img img{
	width: 100%;
	object-fit: cover;
}


.conteudo1{
	width: 100%;
	background-color: var(--bg1);
	background-image: url('../imagens/contato/bg.png');
	background-size: auto;
	background-repeat: no-repeat;
	background-position: bottom left;
	padding: 100px 5% 100px;
	position: relative;
	gap: 100px;
	justify-content: center;
}
.conteudo1:after{
	width: 189px;
    height: 571px;
    content: "";
    position: absolute;
    display: flex;
    background-image: url(../imagens/blog/bg1.png);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center center;
    z-index: 1;
    right: 0;
}
.conteudo1 .portfolio{
	width: 100%;
	position: relative;
	z-index: 5;
}
.conteudo1 .portfolio .container{
	gap: 50px;
}
.conteudo1 .portfolio .titulo{
	width: 100%;
	align-items: center;
	text-align: center;
	gap: 5px;
}
.conteudo1 .portfolio .titulo p{
	max-width: 722px;
	width: 100%;
	color: #00000080;
	margin-top: 25px;
}
.conteudo1 .portfolio .portfolio-div{
	width: 100%;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 30px 2%;
	overflow: hidden;
}
.conteudo1 .portfolio .portfolio-div .box{
	max-width: 32%;
	width: 100%;
	height: 310px;
	position: relative;
	border-top-left-radius: 25px;
	border-bottom-right-radius: 25px;
}
.conteudo1 .portfolio .portfolio-div .box .img{
	display: flex;
	width: 100%;
	height: 100%;
	border-top-left-radius: 25px;
	border-bottom-right-radius: 25px;
}
.conteudo1 .portfolio .portfolio-div .box .img a,
.conteudo1 .portfolio .portfolio-div .box .img img{
	width: 100%;
	height: 100%;
	border-top-left-radius: 25px;
	border-bottom-right-radius: 25px;
	object-fit: cover;
}
.conteudo1 .portfolio .portfolio-div .box a{
	display: none;
}
.conteudo1 .portfolio .portfolio-div .box a:nth-child(1){
	display: flex;
}
.conteudo1 .portfolio .portfolio-div .box:hover .texto{
	opacity: 1;
	transition: ease .3s;
}
.conteudo1 .portfolio .portfolio-div .box .texto{
	opacity: 0;
	display: flex;
	text-align: center;
	align-items: center;
	justify-content: center;
	position: absolute;
	width: 100%;
	height: 100%;
	padding: 25px;
	background-color: #f05324cc;
	gap: 30px;
	border-top-left-radius: 25px;
	border-bottom-right-radius: 25px;
	transition: ease .3s;
	pointer-events: none;
}
.conteudo1 .portfolio .portfolio-div .box .texto img{
	width: fit-content;
	height: fit-content;
	display: flex;
	margin: 0 auto;
}
.conteudo1 .portfolio .portfolio-div .box .texto h4{
	font-weight: 700;
	text-transform: uppercase;
}


	

/* MEDIA DESKTOP */
@media screen and (max-width: 1600px){
	.banner .texto{
		padding: 50px 5%;
	}
}

@media screen and (max-width: 1440px){
	.conteudo1 .portfolio .portfolio-div .box .texto h4{
		font-size: 1.5vw;
	}
}

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

}

@media screen and (max-width: 1280px){
	.conteudo1 .portfolio-div .box{
		max-width: 49%;
	}
}

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

}

/* MOBILE */
@media screen and (max-width: 1000px){
    .conteudo1:after{
    	display: none;
    }

    .conteudo1 .portfolio .portfolio-div .box{
    	max-width: 49%;
    }
	.conteudo1 .portfolio .portfolio-div .box .texto h4{
		font-size: 2.3vw;
	}
}

@media screen and (max-width: 850px){
    .banner{
    	flex-direction: column;
		background-position: top center;
    }
    .banner .texto{
    	padding: 100px 5%;
    }

    
}

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

	.conteudo1 .portfolio .portfolio-div .box{
    	max-width: 450px;
		margin: auto;
    }
	.conteudo1 .portfolio .portfolio-div .box .texto h4{
		font-size: 24px;
	}
}

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

@media screen and (max-width: 480px){
	.banner-slider .banner-slide h2{
		font-size: 35px;
	}

	.conteudo1 .portfolio .portfolio-div .box{
    	max-width: 100%;
    }
}

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

}

@media screen and (max-width: 375px){
	.banner-slider .banner-slide h2 {
        font-size: 30px;
    }
}