header{
	display: none;
}
footer{
	display: none!important;
}
.topo{
	width: 100%;
	height: 5.4vh;
	background-image: url('../imagens/header/topo.png');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center center;
	position: absolute;
	top: 0;
}
.topo-content{
	width: 80%;
	height: 100%;
	margin: 0 auto;
}
.topo-content ul{
	place-content: flex-end;
    height: 100%;
    width: 100%;
    align-content: center;
}
.topo-content ul li{
	margin-left: 1.5%;
}

.banner{
	width: 100%;
}
.banner .bn-img{
	width: 100%;
    object-fit: cover;
}
.banner .bn-img1{
	display: none;
}
.banner-content{
	width: 80%;
	margin: 0 10%;
	position: absolute;
	top: 32%;
}
.margin-t{
	margin-top: 5%;
}
.margin-b{
	margin-bottom: 5%;
}
.box{
	width: 23%;
	margin: 0 1%;
}
.box h1{
	color: transparent;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: #FFF;
	font-size: 48px;
	font-weight: 900;
}
.box .boxx-img{
	width: 100%;
}
.box .boxx-img img{
	width: 100%;
	object-fit: contain;
}
.box .boxx-img .img-filtro{
	width: 100%;
	object-fit: contain;
}
.box .boxx-img:hover .img-filtro{
	filter: grayscale(100%);
}
.box-text{
	width: 100%;
	display: flex;
	align-items: center;
}
.box-text h2{
	color: var(--verde);
	font-size: 18px;
	font-weight: 500;
}
.box-text a{
	width: 11%;
	margin-right: 5%;
}
.box-text a img{
	width: 100%;
	object-fit: contain;
}



/* MEDIA DESKTOP */
@media screen and (max-width: 1600px){
	.box h1{
		font-size: 40px;
	}
	.banner .bn-img{
		height: 100vh;
	}
}

@media screen and (max-width: 1440px){
	.box h1{
		font-size: 35px;
	}
	.box-text h2{
		font-size: 17px;
	}
}

@media screen and (max-width: 1366px){
	.box h1{
		font-size: 33px;
	}
}

@media screen and (max-width: 1280px){
	.box h1{
		font-size: 30px;
	}
	.box-text h2{
		font-size: 16px;
	}
}

@media screen and (max-width: 1024px){
	.box h1{
		font-size: 25px;
	}
	.box-text h2{
		font-size: 15px;
	}

}

/* MOBILE */
@media screen and (max-width: 900px){
	.banner-content {
    	width: 90%;
    	margin: 0 5%;
	}
}

@media screen and (max-width: 480px){
	.topo{
		height: 5vh;
	}
	.banner .bn-img{
		display: none;
	}
	.banner .bn-img1{
		display: flex;
		width: 35%;
		margin: 17% auto 0;
	}
	.banner{
		background-color: #303031;
	}
	.banner-content{
		position: relative;
		width: 90%;
		margin: 15% auto 0;
	}
	.box{
		width: 100%;
		display: flex;
    	flex-wrap: wrap;
    	margin-bottom: 10%;
    	justify-content: center;
	}
	.box-text, .box h1{
		width: 70%
	}
	.box-text a{
		display: flex;
		order: 1;
		width: 9%;
		margin-right: 0;
	}
	.box-text h2 {
    	font-size: 5vw;
    	display: flex;
    	order: 0;
    	width: fit-content;
    	margin-right: 5%;
	}
	.box h1 {
    	font-size: 8vw;
    	display: flex;
    	order: 1;
    	margin-bottom: 5%;
	}

	.topo{
		background-image: unset;
		background-color: var(--verde);
	}
	.topo-content ul li{
		margin-left: 7%;
	}

	.box-text{
		order: 0;
	}
	.box .boxx-img{
		width: 70%;
		justify-content: center;
		order: 2;

	}
}

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

}

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

}