body{
	background:linear-gradient(white,#efefef);
}



.tituloEmpresa{

	margin-bottom: 30px;
	text-align: center;	
	font-family: 'roboto',sans-serif;
	font-size: 2em;
	text-transform: uppercase;
	color: #FFF200;
	font-weight: bold;
	text-shadow: 2px 2px 2px #000;
	
	padding-top: 180px;
	padding-bottom: 80px;
	background-image: url("empresa.jpg");
	background-size:100%;
	background-position: bottom;

	box-shadow: 0px 2px 2px #000;
	
}
.boxx1{
	width: 69.5%;
	display: inline-block;
	float:left;
	opacity: 0.9;
	
}
.boxx2{
	width: 30%;
	display: inline-block;

	z-index: -1;
	overflow-x: hidden;
}
.boxxDiferencial,.boxxAtuacao,.boxxParcerias{
	background-color: #eee;
	color: black;
	padding: 20px;	
	
	box-shadow: -2px 2px 2px #000;
	width: 80%;
	margin-right: 5%;
	margin-bottom: 5%;
	margin-left: 3px;

}

.tituloHistoria{
	font-family: 'roboto',sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1.5em;
	margin-left: 10%;
	margin-bottom: 20px;
}
.texto{
	width: 80%;
	font-family: 'roboto',sans-serif;
	margin-left: 10%;
	text-align: justify;
}
.tituloBoxx2{
	font-family: 'roboto',sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1.5em;
	margin-left: 10%;
	
}
hr{
	width: 80%;
	margin-left: 10%;
	border-width: 1px;
	border-radius: 50%;
}
footer{
	margin-top: 0px;
}
@media(max-width: 850px){
	.boxx1,.boxx2{
		display: initial;
		float:none;
		width: 100%;
	}
	.boxxDiferencial,.boxxAtuacao,.boxxParcerias{
	background-color: #eee;
	color: black;
	padding:0px;
	padding-top: 20px;
	padding-bottom: 20px;	
	
	box-shadow: -2px 2px 2px #000;
	width: 80%;
	margin-top: 5%;
	margin-left: 10%;

}
}
@media(max-width: 700px){


.tituloEmpresa{
	margin-top: 100px;
	padding-top: 80px;
	padding-bottom: 40px;
	background-image: url("empresa.jpg");
	background-size:100%;
	background-position: bottom;

	box-shadow: 0px 2px 2px #000;
	
}
}
@media(max-width: 651px){


.tituloEmpresa{
	margin-top: 50px;
	padding-top: 80px;
	padding-bottom: 40px;
	background-image: url("empresa.jpg");
	background-size:100%;
	background-position: bottom;

	box-shadow: 0px 2px 2px #000;
	
}
}
@media(max-width: 551px){


.tituloEmpresa{
	margin-top: 50px;
	padding-top: 40px;
	padding-bottom: 20px;
	background-image: url("empresa.jpg");
	background-size:100%;
	background-position: bottom;

	box-shadow: 0px 2px 2px #000;
	
}
}
@media(max-width: 351px){


.tituloEmpresa{
	font-size: 1.3em;
	
}
}