@font-face {
	font-family: 'Poppins';
	src: url('Fontes/Poppins-Light.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
}

@media (max-width: 767px){
    
	body{
		margin: 0 !important;
		font-family: 'Poppins', sans-serif;
		width: 100%;
		height: 900px;
	}
	
	.header{
		display: none !important;
	}

	.headerMobile{
		display: flex !important;
	}
	
	.corpo{
		width: 55% !important;
		padding-top: 58% !important;
	}

	.texto1{
		font-size: 19px!important;
	}

	.texto2{
		font-size: 28px!important;
	}

	.btnServicos{
		font-size: 11px !important;
		padding: 5% 8% !important;
		background-color: #E68700 !important;
		width: 60% !important;
	}

	.img-logo{
		width: 80% !important;
		margin-top: 15% !important; 
	}
	
	.solucoes{
		padding: 17% 5% !important;
		width: 90% !important;
	}
	
	.solucoesTitulo{
		font-size: 45px !important;
	}

	.solucoesSubTitulo{
		font-size: 25px !important;
	}


	.solucoesCorpo{
		font-size: 18px !important;
	}
	
	.servicos{
		padding: 0% 5% !important;
		width: 90% !important;
		height: auto;
		margin-left: 0% !important;
	}

	.servicosTitulo{
		font-size: 45px !important;
	}

	.servicosCorpo{
		font-size: 20px !important;
	}
	
	#secaoSobreNos{
		width: 100%;
		height: 100vh;
		position: relative;
	}

	.sobreNos{
		width: 100%;
		height: 100%;
		display: flex; 
		justify-content: space-between;
		position: absolute;
	}

	.secaoSobreNos1{
		width: 100% !important;
		margin: 10% 4% !important;
	}

	.secaoSobreNos2{
		display: none;
	}

	.sobreNosTitulo{
		width: 90% !important;
		font-size: 33px !important;
		margin-top: 25% !important;
	}

	.sobreNosCorpo{
		padding: 1%;
		width: 90% !important;
		height: auto;
		position: absolute;
		margin-left: 5%;
		margin-top: 65% !important;
		font-size: 22px !important;
	}
	
   .footer{
		height: 12%;
		display: flex; 
		justify-content: space-between;
		padding: 2% 5% !important;
		background-color: #F0F0F0;
	}

	.footer > div{
		font-size: 10px !important;

	}
	
	.footer2{
		padding-left: 40% !important;
		font-size: 0.7em;
	}

}

body{
	margin: 0 !important;
	font-family: 'Poppins', sans-serif;
	width: 100%;
	height: 900px;
}

.fundo-img{
	background-image: url('Fundos/Fundo.jpeg'); 
	background-size: cover;
    background-position: center;
	background-repeat: no-repeat;
	opacity: 1;
    height: 100vh;
	width: 100%;

}

.inicioSobreposicao{
	width: 100%;
	height: 100%;
	background-color: rgba(100, 100, 100, 0.3); 
}

.header{
	width: 100%;
	height: 13%;
	border-bottom: 1px solid white;
	background: rgba(0, 0, 0, 0.6);
	display:flex; 
	justify-content:space-between;
}

.logo{
	padding-top: 2%;
	margin-left: 4%;
	width:50%;
}

.img-logo{
	width: 25%;
}

.menu{
	display: flex;
    padding-top: 1.8%;
    width: 80%;
    justify-content: space-between;
}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    display: flex;
    width: 100%;
    justify-content: center;
}

li{
	display: inline-block;
	margin: 0 3%;
}

li > a{
	display: block;
	color: white;
	text-align: center;
	padding: 0% 0%;
	text-decoration: none;
	color: white;
	font-size: 0.9em;
	text-decoration: none;
}

a:hover {
	color: #E68700;
}

.corpo{
	height: auto; 
	width: 50%;
	padding-top: 10%;
	margin-left: 12%;
	position: absolute;
}

.footerInicio{
	height: 20%;
	opacity: 0;
	margin-top: 6%;
}

.img-seta{
	height: 90%;
	margin-left: 0%;
}

.footerInicio:hover{
	opacity: 1;
}

.texto1{
	color: white;
	font-size: 1.5em;
}

.texto2{
	color: white;
	font-size: 3.8em;
	font-weight: 700;
}

.texto3{
	color: white;
	font-size: 1.3em;
}

.btnServicos{
	margin-top: 1%;
	color: white;
	text-decoration: none;
	font-size: 1.2em;
    padding: 2% 5%;
    border: none;
	background-color: #E68700 !important;
	width: 40%;
}

.btnServicos:hover{
	font-weight: bold;
	color: white;
}


#secaoSolucoes{
	display: flex;
    height: 100vh;
    margin: 0;
    background-image: url('Fundos/FundoTeste3.jpeg');
	background-size: cover;
    background-position: center;
	background-repeat: no-repeat;
	opacity: 1;
}

 .solucoesSobreposicao{
	width: 100%;
	height: 100%;
	background-color: rgba(55, 55, 55, 0.6); 
 }

.solucoes{
	width: 70%;
	height: 70%;
	padding: 2% 5%;
	color: white;
}

.solucoesTitulo{
	font-size: 3.2em;
	margin-bottom: 3%;
}

.solucoesSubTitulo{
	font-size: 2.4em;
}


.solucoesCorpo{
	font-size: 2em;
}



#secaoServico{
    height: 100vh;
    margin: 0;
    background-image: url('Fundos/FundoTeste8.jpeg');
	background-size: cover;
    background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	opacity: 1;
}

.servicosSobreposicao{
	width: 100%;
	height: 100%;
	background-color: rgba(235, 255, 255, 0.6);
}

.servicos{
	height: auto;
	width: 48%;
	margin-left: 45%;
	font-weight: 700;
	color: black;
}

.servicosTitulo{
	font-size: 3.2em;
	margin-bottom: 3%
}

.servicosCorpo{
	font-size: 1.7em;
}

#secaoSobreNos{
	width: 100%;
	height: 100vh;
	position: relative;
}

.sobreNos{
	width: 100%;
	height: 100%;
	display: flex; 
	justify-content: space-between;
	position: absolute;
}

.secaoSobreNos1{
	width: 50%;
	margin: 2%;
	opacity: 0.04;
}

.imgSobreNos{
	margin-top: 20%;
	margin-left: 55%;
	width: 50%;
}

.secaoSobreNos2{
	background-image: url('Fundos/FundoTeste7.jpeg');
	background-size: cover;
    background-position: center;
	background-repeat: no-repeat;
	width: 50%;
	margin: 8% 4%;
	opacity: 1;
}

.sobreNosTitulo{
	position: absolute;
	padding: 0.3%;
	width: 33%;
	height: auto;
	font-size: 3.7em;
	margin-left: 5%;
	margin-top: 8%;
}

.sobreNosCorpo{
	padding: 1%;
	width: 35%;
    height: auto;
	position: absolute;
	margin-left: 5%;
	margin-top: 22%;
	font-size: 1.6em;
}

.footer{
	color: white;
	height: 12%;
	display: flex; 
	justify-content: space-between;
	padding: 2%;
	padding-left: 15%;
	background-color: rgba(40,40,168, 1);
}

.footer > div{
	font-size: 1em;

}

.footer2{
	color: white;
	height: 4%;
	padding-left: 45%;
	background-color: rgba(40,40,168, 1); 
	font-size: 0.7em;
}

.footerEmail{
	color: white;
}

/* Menu mobile */

.headerMobile{
	width: 100%;
	height: 13%;
	border-bottom: 1px solid white;
	background: rgba(0, 0, 0, 0.6);
	display: none; 
	justify-content:space-between;
}

.logoMobile{
	padding-top: 2%;
	margin-left: 4%;
	width:50%;
}

.img-logo-mobile{
	width: 80% !important;
	margin-top: 15% !important; 
}

.menuMobile{
	width:50%;
	padding-top: 3%;
}

.ulMobile {
	background-color: rgba(0, 0, 0, 0.6);
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	border: 1px solid white;
	margin-left: 25%;
	width: 38%;
	height: auto;
	display: none;
	position: absolute;
	margin-left: 60%;
}

.ulMobile > li{
	display: inline-block;
	margin: 2% 3%;
	width: 100%;
}

.ulMobile > li > a{
	color: white !important;
	display: block;
	text-align: center;
	padding: 0% 0%;
	text-decoration: none;
	color: black;
	font-size: 0.9em;
	text-decoration: none;
}

.btnMenuMobile{
	border-radius: 10px;
	padding: 3px;
	margin-top: 8%;
	margin-left: 50%;
	width: 55px;
	height: 55%;
	background-image: url('Logos/IconeMenu.png');
	background-size: cover;
    background-position: center;
	background-repeat: no-repeat;
}


























