*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}


html,body{
	background-color: black;
}

.clear{
	clear: both;
}


.container{
	max-width: 1530px;
	padding: 0 2%;
	margin: 0 auto;
}

.top{
	background-color: ;
	padding: 10px;
	border-bottom: 1px solid blue;
}

.box{
	background-color: black;
	width:95%;
	height: 40%;
	margin: 0 auto;
	margin-top:2%;
	box-shadow:2px 5px 15px 5px rgb(20,200,200);
}


.logos{
	width: 50%;
	float: left;
	padding: 7px;
	background-color: black;
	color:purple;
}


.logos h4{
	text-align: center;
	font-size: 27px;
	font-family: Cursive, Fantasy;
	font-style: italic;
	font-weight: normal;
}

.img{
	width: 120px;
	color: red;
	margin: 0 auto;
}

@media screen and (max-width: 768px){
	.logos{
		width: 100%;
	}
}

.caraNV{
	margin-top:4px;
	background-color: ;
	width: 100%;
	 display: flex;
  	justify-content: center;
  	align-items: center;    	
}

.caraNV img{
  max-width: 100%; 
  height: auto;    
  display: block; 
}
.pqq{
	padding-top: 15px;
	padding-bottom: 2px;
	width: 100%;
	background-color: ;
	text-align: center;
	color:white;
}

.flexMO{
	display: flex;
}

.TXT{
	border: 1px solid #ccc;
	background-color: purple;
	padding: 5px;
	width: 100%;
}
.TXT h3{
	color: white;
	text-align: center;
}
.TXT p{
	color:white;
}

#TXT{
	overflow-wrap: break-word;
    word-break: break-word;
}

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

			.flexMO{
				display: block;
			}
}

.mosaico-single{
	float: left;
	width: calc(100% / 6);
}

.img-mosaico-single{
	width: 100%;
	padding-top:100%;
	background-color: black;
	border:5px solid white;
	

}

#one{
	background-image:url('../images/pro1.png');
	background-size: contain;
  	background-repeat: no-repeat;
  	background-position: center;
}


#two{
	background-image:url('../images/two.png');
	background-size: contain;
  	background-repeat: no-repeat;
  	background-position: center;
}

#three{
	background-image:url('../images/pro3.png');
	background-size: contain;
  	background-repeat: no-repeat;
  	background-position: center;
}

#four{
	background-image:url('../images/pro4.png');
	background-size: contain;
  	background-repeat: no-repeat;
  	background-position: center;
}

#five{
		background-image:url('../images/pro5.png');
		background-size: contain;
  	background-repeat: no-repeat;
  	background-position: center;
}

.flut{
	display: flex;
}

.caixa-40{
	width: 40%;
	background-color: purple;
	padding: 5px;
}

#caixa-1{
	padding-left: 20px;
	text-align: justify;
	color: white;
}

#caixa-2{
	text-align: center;
	color: white;
}

#caixa-2 h2{
	margin-top: 50px;
}
#caixa-2 ul{
	list-style-position: inside;
	list-style-type: none;
}
#caixa-2 a{
	color: white;
}

.caixa-20{
	width: 20%;
	background-color: purple;
	padding: 5px;
	text-align: center;
}
.caixa-20 h2{
	color: white;
	margin-top: 50px;
}

.group-btns a{
   font-size: 40px;
}

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

	.flut{
		display: block;
	}

	.caixa-40{
		width: 100%;
	}

	.caixa-20{
		width: 100%;
	}
	#caixa-1{
	padding-left: ;
	text-align: center;
	color: white;
}

#caixa-2{
	text-align: center;
	color: white;
}

#caixa-2 h2{
	margin-top: 50px;
}
#caixa-2 ul{
	list-style-position: inside;
	list-style-type: none;
}
#caixa-2 a{
	color: white;
}
}