html, body{
	height: 100%;	
	margin: 0px;
}
body {
	font-family: Circular, Helvetica, Arial, sans-serif;
    font-size: 16px;


}
body::before{
	content:'';
	position: fixed;
	width: 100vw;
	height: 100vh;
	background-image: url('empresas/lam3.jpg');
	filter:  brightness(90%);
	background-size: cover;
	background-position: center  bottom 10px;
	background-attachment: fixed;
	filter:    ;
	z-index: -1;
}

.navbar {
	padding: 0px;
}
/**************************************************Barra de navegaçao *************************/
header a{
	color: white;
}


.navbar {
	padding: 0px;
}
.btn-outline-light:hover{
	background: #000066;
	color: white;
}

/********************************************** cabeçalho ***************************************/
#home{	
	height: 100%;	
}
#home h1 {
	font-weight: 700;
    letter-spacing: -0.05em;
    margin-bottom: 50px;
    color: white;
    text-transform: uppercase;
}
#home img{
	height: 260px;
	border-radius: 30px;
	margin-top: 90px;

}
.capa{
	text-align: center;
}
/************************************************* conteudo-1 ***********************************/
#parte-2 {
	background: linear-gradient(120deg,#cccccc 40%, rgba(0,0,0,0.5)) ;
	margin: 0;
}

.fundo {
	text-align: center;
	padding-top: 60px;
	padding-bottom: 60px;
}

#parte-3 {
	margin: 40px;
}
.caixa {
	margin: 100px 0 20px 0px;
	width: 40%;
	display: inline-block;
	

	
}
.caixa-t {
	margin: 100px 0 20px 0px;

}
 .caixa-t h1 {
    /* margin: 15px 0 5px 0px; */
    text-align: center;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-family: Cambria;
    font-style: italic;
    font-weight: 800;
    font-size: 2em;
    color: #fc5c13;
}
.font{
	background: black;
	font-weight: 500;
	padding-left: 9px;	
	margin: 8px;
	color: #fc5c13;
	padding: 5px;
	font-size: 1.1em;
	text-align: center;
	letter-spacing: 2px;
	text-transform: uppercase;	
	text-align: ;
	border-radius: 8px;
	opacity: 1	

	
}
#parte-2 img{
	height: 500px;
 	align-items: start;
 	width: 100%;
 	opacity: 1;
 	


		
}
#parte-2 p {
	letter-spacing: 1px;
	font-size: 1.3em;
	text-indent: 30px;
	text-align: center;
	margin-bottom: 60px; 
}
.caixa-1 {
	background-color: #fc5c13;
	width: 85%;
	padding: 5px;
	margin-bottom: 45px;
}
/*************************************************Intervalo*******************************/
#intervalo{
	height: 30%;
}

/****************************************animacao********************************************/
[data-anime0] {
	opacity: 0; 
	transition: 2s;
}
[data-anime] {
	opacity: 0; 
	transition: 2s;
}
[data-anime1] {
	opacity: 0; 
	transition: 2s;
}
[data-anime2] {
	opacity: 0; 
	transition: 2s;
}

[data-anime="left"] {
	transform: translate3d(-200px, 0, 0);
	transition: 4s;
}

[data-anime0="top"] {
	transform: translate3d(0, -50px,0);
	transition: 4s;
}

[data-anime="right"] {
	transform: translate3d(200px, 0, 0);
	transition: 4s;

}
[data-anime].animate {
	opacity: 1;
	transform: translate3d(0px,0px,0px);
}
[data-anime1="left"] {
	transform: translate3d(-200px, 0, 0);
	transition: 4s;
}

[data-anime1="top"] {
	transform: translate3d(0, -80px,0);
	transition: 3s;
}

[data-anime1="right"] {
	transform: translate3d(200px, 0, 0);
	transition: 4s;

}
[data-anime1].animate{
	opacity: 1;
	transform: translate3d(0px,0px,0px);
}

[data-anime2="left"] {
	transform: translate3d(-200px, 0, 0);
	transition: 4s;
}

[data-anime2="top"] {
	transform: translate3d(0, -50px,0);
	transition: 4s;
}

[data-anime2="right"] {
	transform: translate3d(200px, 0, 0);
	transition: 4s;

}

[data-anime2].animate {
	opacity: 1;
	transform: translate3d(0px,0px,0px);
}
[data-anime0].animate {
	opacity: 1;
	transform: translate3d(0px,0px,0px);
}


/***********************************************************Rorda pé**************************/
footer {
	background: rgba(0, 0, 0, 0.85);
	color: white;
}
footer h4 {
	color: #919496;
    font-size: 0.8em;
    text-align: left;   
    text-transform: uppercase;

}

#icone img {
	
	padding: 10px;
	float: right;
}

#parteF{
	border: solid red;
}

#parteF a{	
	color: #919496;


}

footer  a {
    color: white;
    font-size: 0.95em;
    text-decoration: none;
      
    
}

footer a:hover {
    color: #000066;
    text-decoration: none;   
}
footer ul{
   list-style: none;

}


partef li{
	padding-left: 10px;

}
.espaco {
	padding-left: 10px;
}

.oi {
	text-align: center;
}
#roda-pe  ul li{
	display: inline;
	margin-bottom: 80px;
}

#roda-pe  ul {
	padding: 10px;
	margin-top: 15px; /* modifique margin */


}
#espaco {
	padding-top: 100px;
}

@media screen and ( max-width: 768px){
	@viewport{
	zoom: 1.0;
	width: extend-to-zoom;
}
@-ms-viewport{
    width: extend-to-zoom;
    zoom: 1.0;
}
[data-anime0] {
	opacity: 0; 
	transition: 2s;
}
[data-anime] {
	opacity: 0; 
	transition: 2s;
}
[data-anime1] {
	opacity: 0; 
	transition: 2s;
}
[data-anime2] {
	opacity: 0; 
	transition: 2s;
}

[data-anime="left"] {
	transform: translate3d(0, 0, 0);
	transition: 4s;
}

[data-anime0="top"] {
	transform: translate3d(0, 0,0);
	transition: 4s;
}

[data-anime="right"] {
	transform: translate3d(0, 0, 0);
	transition: 4s;

}
[data-anime].animate {
	opacity: 1;
	transform: translate3d(0px,0px,0px);
}
[data-anime1="left"] {
	transform: translate3d(0, 0, 0);
	transition: 4s;
}

[data-anime1="top"] {
	transform: translate3d(0, 0,0);
	transition: 3s;
}

[data-anime1="right"] {
	transform: translate3d(0, 0, 0);
	transition: 4s;

}
[data-anime1].animate{
	opacity: 1;
	transform: translate3d(0px,0px,0px);
}

[data-anime2="left"] {
	transform: translate3d(0, 0, 0);
	transition: 4s;
}

[data-anime2="top"] {
	transform: translate3d(0, 0,0);
	transition: 4s;
}

[data-anime2="right"] {
	transform: translate3d(0, 0, 0);
	transition: 4s;

}

[data-anime2].animate {
	opacity: 1;
	transform: translate3d(0px,0px,0px);
}
[data-anime0].animate {
	opacity: 1;
	transform: translate3d(0px,0px,0px);
}
	.net-height{
		height: 200px!important;
	}
	.caixa{
		width: 100%;
	
}

footer .row{
	flex-direction: column;
}

}