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

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

}
.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%;
	width: auto;

}
#home h1 {
	font-weight: 700;
    letter-spacing: -0.05em;
    margin-bottom: 50px;
    color: white;
    text-transform: uppercase;
}

.capa{
	text-align: center;
}
/************************************************* conteudo-1 ***********************************/
#parte-2 {
	background: white;
	margin: 0;
}

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

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

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

}
 .caixa-t h1 {

    text-align: center;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-family: Cambria;
    font-style: italic;
    font-weight: 700;
    font-size: 2.0em;
    color:#fc5c13db; 
    
	
}
.font{
	
	
		
	
	color: #fc5c13db;
	
	font-size: 1.6em;	
	letter-spacing: 2px;
	text-transform: uppercase;	
	text-align: center ;
	font-weight: 700;
	
	
	
    

	
}
#parte-2 img{
	
 	align-items: start;
 	width: 100%;
 	filter: contrast(450%);
 	opacity: 1;
 	

		
}
.tamanhoXlargura{
	height: 86.3%;
	width: 100%;
}
#parte-2 p {
	letter-spacing: 1px;
	font-size: 1em;
	text-transform: initial; /* modifiquei o formato das letras */
	text-align: justify;
}
	
	
.caixa-1 {
	background-color:#fc5c13;
	width: 85%;
	padding: 5px;
	margin-bottom: 50px;
}
/*************************************************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: 7s;
}

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

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

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

[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: 8s;
}

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

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

}

[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: 5px;


}
#espaco {
	padding-top: 50px;
}
	#parte-3{
		
	}
@media screen and ( max-width: 768px){
	@viewport{
		zoom: 1.0;
		width:  extend-to-zoom;
	}
	@-ms-viewport{
		width: extend-to-zoom;
		zoom: 1.0;
	}
	#home{
		height: 50%;
	}
	#parte-2 p {
	
	text-align: center;
	}
	
	.love{
		width: 100%!important;
	}
	.popup{
		height: 200px!important;
	}

	.caixa{
		width: 100%;
	}
	#parte-2 p{
		font-size: 1.1em;
	}
	[data-anime="left"] {
		transform: translate3d(-20px, 0, 0);
	}
	[data-anime1="left"] {
    	
    	transition: 2s;
	}

	[data-anime0="top"] {
		transform: translate3d(0, -15px,0);
	}

	[data-anime="right"] {
		transform: translate3d(15px, 0, 0);

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

	[data-anime1="top"] {
		transform: translate3d(0, -15px,0);
	}

	[data-anime1="right"] {
		transform: translate3d(20px, 0, 0);

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

	[data-anime2="left"] {
		transform: translate3d(-20px, 0, 0);
	}

	[data-anime2="top"] {
		transform: translate3d(0, -15px,0);
	}

	[data-anime2="right"] {
		transform: translate3d(20px, 0, 0);

	}

	[data-anime2].animate {
		opacity: 1;
	}
	[data-anime0].animate {
		opacity: 1;
	}
	.row{
		flex-direction: column;
		margin-right: 0;
   		margin-left: 0;
	}
	#parte-3{
		
		width: 100%;
		margin: 0;
	}

	.fix{
		flex: 0 0 100%!important;
		max-width:  100%!important;
	}
	.net-height{
		height: 200px!important;
	}
	.max{
		    max-width: 100%;
	}
}