html, body{
	height: 100%;
	margin: 0px;
}

body {
	font-family: Circular, Helvetica, Arial, sans-serif;
    font-size: 16px;
    width: 100vw;
	height: 100vh;
    background:black;
    background-size: cover;
    background-attachment: fixed;

}
body::before{
	content:'';
	position: fixed;
	width: 100vw;
	height: 100vh;
	background: url(menu-teste/tec-1.jpg)center 50% / cover no-repeat;	
	background-size: cover;
	background-attachment: fixed;
	opacity: 0.45;
		
	z-index: -1;

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



/*********************************************conteudo*******************************************/



/*********************************************conteudo*******************************************/

#fundo {
	margin-top:10%;
	width:100%;
	
	
	

	
	
}
.caixa {
	background: #fff;   
    	padding: 10px;
}
.espaco{
	margin: 150px;

}

#fundo img{
	margin: 40px 0 40px 0;		
	border: 5px solid #ff5906;
	width: 100%;
	    padding: 0px;
	
		
}
.formacao {
	
	padding-left: 20%;
}
#fundo h4 {

	   text-transform: uppercase;
	   padding: 2px;
	    font-weight: 600;
	    font-size: 2.0em;
	    margin-top: 30px;
	    margin-bottom: 40px;
	    color: #ff5906;
	    letter-spacing: 3px;
	    text-align: center;
   
    
}
.area-imagem {
	
      
    margin-bottom: 150px

}

#fundo p{
	letter-spacing: 1px;
    font-size: 1.3em;
    text-indent: 10px;
    text-align: justify;
    margin-bottom: 60px;

}
.enquadramento{
width: 40%; 

}



/************************************************fundo***********************************/
footer {
	padding-top: 60px;
	 /* retirei a padding-bottom */
	background: rgba(0, 0, 0, 0.6);;
	color: white;
	clear: both;
	margin-top: 60px;
}
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: #ff5906; /* modificando a cor do link */
    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: 25px; /* diminindo a margin */
}


.tamanhoXlargura{
	height: 86.3%;
	width: 100%;
}

@media screen and ( max-width: 768px){
	@viewport{
	zoom: 2.0;
	width: extend-to-zoom;
}
	@-ms-viewport{
		width: extend-to-zoom;
		zoom: 1.5;
	}
	body{
		width: 100%;

	}
	.caixa{
		width: 100%;
		margin: 0;
	}
	#fundo{
		padding: 0;
	}
	
	.background{
		display: flex;
		text-transform: uppercase;
		font-size: 16px;		
		margin-top: 30px;
		margin-bottom: 30px;
		color: #fff;
		text-align: center;
		opacity: 1;
		box-shadow: 2px 2px 2px #fff 5px;
	}
	#fundo h4 {
		background: none;
		margin: 0!important;
		opacity:1;
		font-size: 16px;
		max-width: 100%!important;
		flex: 100%  !important;
	}
	#fundo p {
		font-size: 1em;
	}
	.espaco{
		margin:10px;
	}
	
	footer .row{
		flex-direction: column;
	}
	
	.enquadramento{
	width: 70%; 

}
	#fundo img{
		
	border: 3px solid #ff5906;
	
	
		
}
	
}