@import url("font.css");


*{
font-family: 'Roboto', sans-serif;
margin: 0;
box-sizing: border-box;

}
	
body{
overflow-x: hidden;

}
   
a{
color: inherit;
text-decoration: none;
	
}

button{
width: auto;
padding: 2.5% 3%;
background-color: #3b2780;
color: #FFF;
border: none;
border-radius: 10px;
font-size: 100%;
cursor: pointer;

}

button:hover{
color: #FFF;
background-color: #3b2780;

}



@media only screen and (max-width: 1136px){
			
button{
font-size: 90%;
			
}
	
}



		

/* MENU */ 

header{
width: 100%;
height: auto;
z-index: 1000;
padding-top: 0.5%;
padding-bottom: 0.5%;
	
}


.menu{
width: 90%;
margin: auto;
display: flex;
justify-content: space-around;
	
}

.menu img{
max-width: 12%;
align-self: center;
cursor: pointer;
	
}

.menu .links{
width: 70%;
margin: auto;
display: flex;
justify-content: space-around;
align-items: center;
	
}


.menu button{
padding: 15px 20px;
font-size: 120%;
background-color: inherit;
color: #3b2780;
	
}

.menu .button-active{
background-color:  #3b2780;
color: #FFF;
	
}

.menu button:hover{
background-color:  #3b2780;
color: #FFF;
	
}


.menu i{
font-size: 350%;
color: #3b2780;
cursor: pointer;
	
}



.icon-dropdown{
display: none;
	
}


@media only screen and (max-width: 1700px) {
	

.menu button{
padding: 15px 10px;
font-size: 100%;

}

.menu i{
font-size: 250%;
	
}
	
	
}
@media only screen and (max-width: 1500px) {
	

.menu button{
padding: 15px 10px;
font-size: 90%;

}

.menu i{
font-size: 200%;
	
}
	
	
}



/* TABLETS */
@media only screen and (max-width: 1024px) {

.menu{
width: 95%;
height: 50px;
	
}	
	
.menu img{
position: absolute;
max-width: 20%;
margin-left: 0%;
top: 0.5%;
z-index: 1000;
	
}

.menu .links{
position: fixed;
width: 30%;
height: 100%;
left: 0%;
top: 4%;
padding-top: 7%;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
z-index: 1000;
background-color: #FFF;
visibility: hidden;
	
}

.menu button{
width: 100% !important;
padding: 10px 35px;
margin-top: 5%;
font-size: 100%;
border-radius: 0px;
background-color: inherit;
color: #3b2780;
	
}	
	
.menu i{
font-size: 250%;
margin-left: 10%;
margin-top: 10%;
	
}
	
.icon-dropdown{
position: absolute;
left: 5%;
top: 0.5%;
display: inherit;
	
}

	
}
@media only screen and (max-width: 768px) {


.menu .links{
width: 40%;
	
}

.menu button{
width: 100% !important;
padding: 10px 35px;
margin-top: 5%;
font-size: 100%;
border-radius: 0px;
background-color: inherit;
color: #3b2780;
	
}	
	
.menu i{
font-size: 250%;
margin-left: 10%;
margin-top: 10%;
	
}
	
.icon-dropdown{
position: absolute;
left: 5%;
top: 0.5%;
display: inherit;
	
}

	
}



/* MOBILE */

@media only screen and (max-width: 414px) {

	
.menu .links{
width: 50%;
margin-top: 8%;
z-index: 999;	
}
	
	
.menu img{
position: absolute;
max-width: 30%;
margin-left: 0%;
top: 1%;
z-index: 1000;
	
}

.menu button{
width: 100% !important;
padding: 10px 35px;
margin-top: 5%;
font-size: 80%;
border-radius: 0px;
background-color: inherit;
color: #3b2780;
	
}	
	
.menu i{
font-size: 150%;
margin-left: 10%;
margin-top: 10%;
	
}
	
.icon-dropdown{
position: absolute;
left: 5%;
top: 1.5%;
display: inherit;
	
}
	
}




.banner{
position: relative;
width: 100%;
height: calc(75vh - 50px); 
background-size: cover;
background-position: center;
background-repeat: no-repeat;
overflow: hidden;

			
}
		

@media only screen and (max-width: 1024px) {
	
.banner{
position: relative;
width: 100%;
height: calc(40vh - 50px); 
background-image: url("../imagens/banner.jpg");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
overflow: hidden;

			
}
		
	
}
@media only screen and (width: 414px) {
	
.banner{
position: relative;
width: 100%;
height: calc(40vh - 70px); 
background-image: url("../imagens/banner.jpg");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
overflow: hidden;

			
}
		
	
}







    
 /* SEÇÕES */
      
.sobre-curso{
background-color: #332e86;
text-align: center;
color: #FFF;
padding-top: 5%;
padding-bottom: 5%;
margin-top: -1%;
	
}

.sobre-curso h1{
font-family: 'Open Sans', sans-serif;
width: 55%;
margin: auto;
color: #f1b800;
font-size: 300%;  
       
}
       
.sobre-curso h2{
font-family: 'Roboto', sans-serif;
width: 60%;
margin: auto; 
margin-top: 2.5%;
font-size: 150%;
font-weight: lighter;
	
}

@media only screen and (max-width: 1700px){
	
.sobre-curso h1{
font-size: 250%;  
       
}
       
.sobre-curso h2{
font-size: 130%;
	
}
	 
}
@media only screen and (max-width: 1500px){
	
.sobre-curso h1{
font-size: 230%;  
       
}
       
.sobre-curso h2{
font-size: 120%;
	
}
	 
}
@media only screen and (max-width: 1024px){
	
.sobre-curso h1{
width: 70%;
font-size: 200%;  
       
}
       
.sobre-curso h2{
width: 70%;
font-size: 120%;
	
}
	 
}
@media only screen and (max-width: 768px){
	
.sobre-curso h1{
width: 80%;
font-size: 200%;  
       
}
       
.sobre-curso h2{
width: 80%;
font-size: 110%;
	
}
	 
}
@media only screen and (max-width: 414px){

.sobre-curso{
padding-bottom: 10%;
	
}
	
.sobre-curso h1{
width: 90%;
font-size: 120%;  
       
}
       
.sobre-curso h2{
width: 80%;
margin-top: 10%;
font-size: 80%;
	
}
	 
}





.resumo-curso{
margin-top: 5%;
color: #000;
	
}

.resumo-curso h1{
font-family: 'Open Sans', sans-serif;
width: 80%;
margin: auto;
color: #332b88;
font-size: 250%;
	
}
 

.resumo-curso .conteudo{
width: 90%;
margin: auto;
margin-top: 5%;
display: flex;
flex-direction: row;
align-items: center;
		  
}

.resumo-curso .conteudo h1{
font-family: 'Open Sans', sans-serif;
width: 90%;
margin-left: 0%;
font-size: 250%;
		  
}
       
.resumo-curso .conteudo h2{
font-family: 'Roboto', sans-serif;
width: 70%;
margin-top: 5%;
font-size: 120%;
font-weight: lighter;  

}


.resumo-curso .conteudo #video{
width: calc(90vh - 50px); 
height: calc(50vh - 50px); 
border-radius: 15px;
      
}




@media only screen and (max-width: 1700px){
	

.resumo-curso h1{
font-size: 230%;
	
}
 

.resumo-curso .conteudo h1{
font-size: 220%;
		  
}
       
.resumo-curso .conteudo h2{
font-size: 110%;

}


.resumo-curso .conteudo #video{
width: calc(90vh - 50px); 
height: calc(50vh - 50px); 
border-radius: 15px;
      
}	
}
@media only screen and (max-width: 1500px){
	

.resumo-curso h1{
font-size: 200%;
	
}
 

.resumo-curso .conteudo h1{
font-size: 190%;
		  
}
       
.resumo-curso .conteudo h2{
font-size: 100%;

}


.resumo-curso .conteudo #video{
width: calc(90vh - 50px); 
height: calc(50vh - 50px); 
border-radius: 15px;
      
}	
}
@media only screen and (max-width: 1024px){
	
.resumo-curso h1{
width: 80%;
font-size: 230%;
	
}
 

.resumo-curso .conteudo{
width: 80%;
flex-direction: column-reverse;
text-align: center;
		  
}

	

.resumo-curso .conteudo #video{
width: calc(60vh - 50px); 
height: calc(30vh - 50px); 
border-radius: 15px;
      
}
	
	
	
.resumo-curso .conteudo h1{
width: 100%;
padding-top: 5% !important;
font-size: 250%;
		  
}
       
.resumo-curso .conteudo h2{
width: 100%;

font-size: 120%;
font-weight: lighter;  

}



}
@media only screen and (max-width: 1024px){
	
.resumo-curso h1{
width: 80%;
font-size: 230%;
	
}
 

.resumo-curso .conteudo{
width: 80%;
flex-direction: column-reverse;
text-align: center;
		  
}

	

.resumo-curso .conteudo #video{
width: calc(60vh - 50px); 
height: calc(30vh - 50px); 
border-radius: 15px;
      
}
	
	
	
.resumo-curso .conteudo h1{
width: 100%;
padding-top: 5% !important;
font-size: 250%;
		  
}
       
.resumo-curso .conteudo h2{
width: 100%;

font-size: 120%;
font-weight: lighter;  

}



}
@media only screen and (max-width: 414px){
	
.resumo-curso h1{
width: 80%;
font-size: 130%;
	
}
 

.resumo-curso .conteudo{
width: 80%;
flex-direction: column-reverse;
text-align: center;
		  
}

	

.resumo-curso .conteudo #video{
width: calc(50vh - 50px); 
height: calc(30vh - 50px); 
border-radius: 10px;
      
}
	
	
	
.resumo-curso .conteudo h1{
font-size: 120%;
		  
}
       
.resumo-curso .conteudo h2{
font-size: 80%;

}



}





/* BENEFICIOS DOS CURSOS */

.beneficios-curso{
position: relative;
width: 100%;
padding-top: 2.5%;
padding-bottom: 5%;
margin-top: 5%;
background-color: #332e86;
color: #FFF;
display: flex;
justify-content: space-around;
align-items: center;
text-align: left;
	
}

.beneficios-curso img{
position: absolute;
width: 13%;
height: auto;
top: -15%;
right: 2.5%;

}

.beneficios-curso .texto{
width: 25%;

}
	
.beneficios-curso .texto h1{
margin-left: 0%;
font-family: 'Open Sans', sans-serif;
font-size: 350%;
color: #edbc00;
	
}

.beneficios-curso .texto h2{
margin-top: 5%;
font-family: 'Roboto', sans-serif;
font-weight: lighter;
font-size: 130%;
	
}

.beneficios-curso .modulos{
width: 65%;
display: flex;
align-items: center;

}


.modulos .float{
margin-top: 5%;
	
}

.modulos .float h1{
margin-left: 0%;
	
}

.modulos .float h1{
font-family: 'Open Sans', sans-serif;
font-size: 235%;
color: #edbc00;
	
}


.modulos .float h2{
width: 60%;
font-family: 'Roboto', sans-serif;
font-weight: lighter;
font-size: 120%;
	
}




@media only screen and (max-width: 1700px){
		
.beneficios-curso img{
width: 12%;
top: -15%;

}

	
.beneficios-curso .texto h1{
font-size: 350%;

	
}

.beneficios-curso .texto h2{
font-size: 130%;
	
}


.beneficios-curso .modulos{
width: 60%;

}


.modulos .float h1{
font-size: 205%;
	
}


.modulos .float h2{
width: 70%;
font-size: 110%;
	
}

		
			
}
@media only screen and (max-width: 1500px){
		
.beneficios-curso img{
width: 10%;
top: -12%;

}

	
.beneficios-curso .texto h1{
font-size: 300%;

}

.beneficios-curso .texto h2{
font-size: 110%;
	
}

	
.beneficios-curso .modulos{
width: 60%;

}


.modulos .float h1{
font-size: 190%;
	
}


.modulos .float h2{
width: 70%;
font-size: 100%;
	
}

		
			
}
@media only screen and (max-width: 1024px){
		
.beneficios-curso img{
width: 12%;
top: -12%;

}

	
.beneficios-curso .texto h1{
font-size: 270%;

}

.beneficios-curso .texto h2{
font-size: 100%;
	
}

	
.beneficios-curso .modulos{
width: 65%;

}


.modulos .float h1{
font-size: 150%;
	
}


.modulos .float h2{
width: 70%;
font-size: 100%;
	
}

		
			
}
@media only screen and (max-width: 414px){
	
.beneficios-curso{
width: 100%;
margin-top: 5%;
display: flex;
flex-direction: column;
justify-content: space-around;
align-items: center;
text-align: left;
	
}

.beneficios-curso img{
visibility: hidden;
	
}

.beneficios-curso .texto{
width: 80%;
margin-top: 5%;
text-align: center;
	
}
	
.beneficios-curso .texto h1{
font-size: 170%;
	
}

.beneficios-curso .texto h2{
font-size: 80%;
	
}

.beneficios-curso .modulos{
width: 80%;
display: flex;
flex-direction: column;
align-items: center;
margin-top: 0%;
text-align: center;

}


.modulos .float{
margin-top: 10%;
	
}


.modulos .float h1{
font-size: 130%;
	
}


.modulos .float h2{
width: 80%;
margin: auto;
font-size: 80%;
	
}

	
}



.preco{
position: relative;
width: 100%;
height: calc(75vh - 50px); 
padding-top: 5%;

	
}

.preco .texto{
width: 35%;
margin: auto;
font-family: 'Open Sans', sans-serif;
	
}

.preco h1{
font-size: 400%;
color: #381b85;
	
}

.preco h2{
margin-top: 2.5%;
color: #edbc00;
font-size: 300%;
	
}

.preco button{
width: 30%;
margin-top: 5%;
font-size: 170%;
	
}

.preco #mulher{
position: absolute;
width: 20%;
left: 2.5%;
bottom: 0px;
	
}

.preco #preco{
position: absolute;
width: 20%;
top: 2.5%;
right: 0%;
	
}





@media only screen and (max-width: 1700px){
	
.preco{
height: calc(75vh - 50px); 
	
}

.preco .texto{
width: 35%;
	
}

.preco h1{
font-size: 300%;
	
}

.preco h2{
font-size: 250%;
	
}

.preco button{
width: 30%;
font-size: 140%;
	
}

.preco #mulher{
width: 18%;
	
}

.preco #preco{
width: 18%;
right: 5%;
	
}

	
}
@media only screen and (max-width: 1024px){
	
.preco{
height: calc(30vh - 50px); 
	
}

.preco .texto{
width: 40%;
	
}

.preco h1{
font-size: 270%;
	
}

.preco h2{
font-size: 220%;
	
}

.preco button{
width: 40%;
font-size: 140%;
	
}

.preco #mulher{
width: 18%;
	
}

.preco #preco{
width: 20%;
right: 5%;
	
}

	
}
@media only screen and (max-width: 768px){
	
.preco{
height: calc(30vh - 50px); 
	
}

.preco .texto{
width: 40%;
	
}

.preco h1{
font-size: 230%;
	
}

.preco h2{
font-size: 150%;
	
}

.preco button{
width: 40%;
font-size: 120%;
	
}

.preco #mulher{
width: 18%;
	
}

.preco #preco{
width: 23%;
right: 5%;
	
}

	
}
@media only screen and (max-width: 414px){
	
.preco{
position: relative;
width: 100%;
height: calc(75vh - 80px); 
padding-top: 5%;

	
}

.preco .texto{
width: 80%;
margin: auto;
font-family: 'Open Sans', sans-serif;
text-align: center;
	
}

.preco h1{
font-size: 170%;
color: #381b85;
	
}

.preco h2{
margin-top: 2.5%;
color: #edbc00;
font-size: 100%;
	
}

.preco button{
width: 40%;
margin-top: 5%;
font-size: 90%;
	
}

.preco #mulher{
position: absolute;
width: 0%;
left: 0%;
bottom: 0px;
visibility: hidden;
	
}

.preco #preco{
position: absolute;
width: 45%;
top: 40%;
right: 30%;
	
}

}



.bonus{
	width: 100%;
	background-color: #332e86;	
	display: flex;
	justify-content: center;	
	align-items: center;
	background-image: url("../imagens/background-bonus.png");
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 100%;
		
	}
	
	.bonus .texto{
	width: 30%;
		
	}
		
	.bonus .texto h1{
	font-family: 'Open Sans', sans-serif;
	color: #edbc00;
	font-size: 350%;
		
	}
		
	.bonus .texto h2{
	margin-top: 5%;
	font-family: 'Roboto', sans-serif;
    font-weight: lighter;
	color: #FFF;
	font-size: 150%;
		
	}
		
	.bonus .detalhes{
	width: 30%;
	margin-left: 10%;
	margin-top: -17%;
	background-color: #f5b506;
	padding: 2.5%;
    padding-bottom: 0%;
	border-top-left-radius: 25px;
    border-top-right-radius: 25px;
		
	}
		
		
	.bonus .detalhes p{
	margin-top: 5%;
	font-family: 'Roboto', sans-serif;
    font-weight: lighter;
	color: #3b2780;
	font-size: 150%;	
		
	}
		
	.bonus .detalhes button{
	margin: 20%;
	padding: 4% 7%;
	margin-top: 10%;
	font-size: 180%;	
		
	}	
		
		
	
    @media only screen and (max-width: 1700px){
	
	.bonus .texto{
	width: 30%;
		
	}
		
	.bonus .texto h1{
	font-size: 320%;
		
	}
		
	.bonus .texto h2{
	font-size: 130%;
		
	}
		
	.bonus .detalhes{
	width: 30%;
	margin-top: -17%;
	
	}
		
		
	.bonus .detalhes p{
	font-size: 130%;	
		
	}
		
	.bonus .detalhes button{
	margin: 20%;
	font-size: 140%;	
		
	}	
	}
	@media only screen and (max-width: 1500px){
	
	.bonus .texto{
	width: 30%;
		
	}
		
	.bonus .texto h1{
	font-size: 300%;
		
	}
		
	.bonus .texto h2{
	font-size: 110%;
		
	}
		
	.bonus .detalhes{
	width: 30%;
	margin-top: -15%;
	
	}
		
		
	.bonus .detalhes p{
	font-size: 110%;	
		
	}
		
	.bonus .detalhes button{
	margin: 20%;
	font-size: 120%;	
		
	}	
	}
	@media only screen and (max-width: 1024px){
	
	.bonus .texto{
	width: 30%;
		
	}
		
	.bonus .texto h1{
	font-size: 250%;
		
	}
		
	.bonus .texto h2{
	font-size: 100%;
		
	}
		
	.bonus .detalhes{
	width: 40%;
	margin-top: -10%;
	
	}
		
		
	.bonus .detalhes p{
	font-size: 100%;	
		
	}
		
	.bonus .detalhes button{
	margin: 20%;
	font-size: 120%;	
		
	}	
	}
	@media only screen and (max-width: 768px){
	
	.bonus .texto{
	width: 30%;
		
	}
		
	.bonus .texto h1{
	font-size: 230%;
		
	}
		
	.bonus .texto h2{
	font-size: 90%;
		
	}
		
	.bonus .detalhes{
	width: 40%;
	margin-top: -10%;
	
	}
		
		
	.bonus .detalhes p{
	font-size: 90%;	
		
	}
		
	.bonus .detalhes button{
	margin: 20%;
	font-size: 100%;	
		
	}	
	}
	@media only screen and (max-width: 414px){
		
	.bonus{
	background-image: none;
	flex-direction: column;
		
	}
	
	.bonus .texto{
	width: 90%;
	margin-top: 10%;
	text-align: center;
		
	}
		
	.bonus .texto h1{
	font-size: 150%;
		
	}
		
	.bonus .texto h2{
	font-size: 90%;
		
	}
		
	.bonus .detalhes{
	width: 80%;
	margin-left: 0%;
	margin-top: 5%;
	padding-bottom: 5%;
	text-align: center;
		
	}
		
		
	.bonus .detalhes p{
	font-size: 85%;	
		
	}
		
	.bonus .detalhes button{
	margin: auto;
	padding: 4% 4%;
	margin-top: 10%;
	font-size: 100%;	
		
	}	
		
	}	



.precos{
width: 80%;
margin: auto;
margin-top: 5%;
display: flex;
justify-content: center;
text-align: center;
			
}
		
.precos .item{
width: 21%;
padding: 2.5%;
padding-bottom: 7%;
margin: 0 2%;
margin-top: 0%;
height: auto;
background-color: #f1b800;
border-radius: 15px;


}
		
.precos .item h1{
font-family: 'Open Sans', sans-serif;
color: #332b88;
font-size: 300%;
	
}
		
.precos .item h2{
font-family: 'Open Sans', sans-serif;
color: #332b88;
font-size: 130%;
			
}
		
.precos .item h4{
font-family: 'Roboto', sans-serif;
margin-top: 10%;
font-size: 250%;
color: #381b85;
		
}
		
		
.precos .item button{
margin-top: 10%;
padding: 5% 15%;
font-size: 120%;
color: #fff500;
		
		
}

@media only screen and (max-width: 1700px){
 	  
.precos{
width: 80%;
margin-top: 5%;

}
		
.precos .item{
width: 22%;
padding: 2.5%;
padding-bottom: 6%;
margin: 0 2%;

}
		
.precos .item h1{
font-size: 250%;
	
}
		
.precos .item h2{
font-size: 100%;
			
}
		
.precos .item h4{
font-size: 200%;
		
}
		
		
.precos .item button{
font-size: 120%;
		
		
}
	


}
@media only screen and (max-width: 1500px){

	
.precos{
width: 80%;
margin-top: 2.5%;

}
		
.precos .item{
width: 22%;
padding: 2.5%;
padding-bottom: 6%;
margin: 0 2%;

}
		
.precos .item h1{
font-size: 220%;
	
}
		
.precos .item h2{
font-size: 90%;
			
}
		
.precos .item h4{
font-size: 170%;
		
}
		
		
.meus-cursos .item button{
font-size: 110%;
		
		
}
	


}
@media only screen and (max-width: 1024px){
     
	  
	
.precos {
width: 90%;
margin-top: 5%;

}
		
.precos .item{
width: 25%;
padding: 2.5%;
padding-bottom: 6%;
margin: 0 2%;

}
		
.precos .item h1{
font-size: 200%;
	
}
		
.precos .item h2{
font-size: 100%;
			
}
		
.precos .item h4{
font-size: 190%;
		
}
		
		
.precos .item button{
font-size: 100%;
		
		
}
	


}
@media only screen and (max-width: 414px){
	
		
.precos {
width: 90%;
margin-top: 5%;
flex-direction: column;
	
}
		
.precos .item{
width: 60%;
padding: 5% 2.5%;
padding-bottom: 7%;
margin: auto;
margin-top: 5%;
border-radius: 5px;
	
}
		
.precos .item h1{
font-size: 150%;
	
}
		
.precos .item h2{
font-size: 80%;
			
}
		
.precos .item h4{
font-size: 150%;
		
}
		
		
.precos .item button{
font-size: 90%;
		
		
}
	


}		




.depoimentos{
margin-top: 5%;
text-align: center;
padding-bottom: 10%;	 
		 	 
}

.depoimentos h1{
font-family: 'Open Sans', sans-serif;
color: #381b85;
font-size: 300%;	
         
}

.depoimentos h2{
font-family: 'Roboto', sans-serif;
font-weight: lighter;
color: #edbc00;
font-size: 250%;	
	 
         
}




.depoimentos .conteudo{
width: 90%;
margin: auto;
margin-top: 5%;
display: flex;
justify-content: space-around;
align-items: center;
flex-direction: row;
			
}



.depoimentos .conteudo .depoimento{
width: 30%;
        
}

.depoimentos .conteudo .depoimento img{
width: 80%;
        
}

.depoimentos .conteudo .depoimento p{
width: 90%;
margin: auto;
margin-top: 5%;
text-align: center;
font-size: 130%;
        
}


@media only screen and (max-width: 1600px){
	 
.depoimentos .conteudo .depoimento{
width: 25%;
        
}

.depoimentos .conteudo .depoimento img{
width: 80%;
        
}

.depoimentos .conteudo .depoimento p{
width: 90%;
margin: auto;
margin-top: 5%;
text-align: center;
font-size: 100%;
        
}

}
@media only screen and (max-width: 1024px){
			
.depoimentos{
margin-top: 5%;
text-align: center;
padding-bottom: 10%;	 
		 	 
}

.depoimentos h1{
font-size: 170%;	
         
}

.depoimentos h2{
font-size: 120%;	
         
}

.depoimentos .conteudo .depoimento{
width: 30%;
        
}

.depoimentos .conteudo .depoimento img{
width: 70%;
        
}

.depoimentos .conteudo .depoimento p{
width: 90%;
font-size: 100%;
        
}

}



@media only screen and (max-width: 414px){
			
.depoimentos{
margin-top: 5%;
text-align: center;
padding-bottom: 10%;	 
		 	 
}

.depoimentos h1{
font-size: 170%;	
         
}

.depoimentos h2{
font-size: 120%;	
         
}

.depoimentos .conteudo{
width: 90%;
margin: auto;
margin-top: 0%;
display: flex;
flex-direction: column;
justify-content: space-around;
align-items: center;

			
}



.depoimentos .conteudo .depoimento{
width: 90%;
margin-top: 15%;
	
}

.depoimentos .conteudo .depoimento img{
width: 35%;
        
}

.depoimentos .conteudo .depoimento p{
width: 90%;
margin: auto;
margin-top: 5%;
text-align: center;
font-size: 90%;
        
}


}



footer{
background-color: #f1b800;
margin-top: 5%;
	
}
       
footer .conteudo{
display: flex;
flex-direction: row;
justify-content: space-around;
padding-top: 2.5%;
padding-bottom: 2.5%;
		
}
	
footer img{
width: 13%;	
align-self: center;
		
}
		
footer .conteudo .pagamento{
width: 50%;
height: auto;
display: flex;
flex-direction: row;
align-items: center;
	
}


footer .conteudo .pagamento h1{
font-size: 150%;
color: #391b87;
height: 15px;
	
}

footer .conteudo .pagamento h2{
font-size: 120%;	
}


footer .conteudo .pagamento img{
width: 70%;
height: auto;
		
}

.contato{
padding-top: 2.5%;
	
}

.contato h1{
font-size: 150%;

	
}

.contato b{
color: #391b87;

	
}


@media only screen and (max-width: 1700px){
	
footer .conteudo .pagamento h1{
font-size: 120%;
	
}

footer .conteudo .pagamento h2{
font-size: 100%;	
}


footer .conteudo .pagamento img{
width: 70%;
		
}	
	
.contato h1{
font-size: 120%;

	
}


	
}
@media only screen and (max-width: 1024px){
	
footer img{
width: 13%;	
align-self: center;
		
}
		
footer .conteudo .pagamento{
width: 50%;
margin: auto;
height: auto;
display: flex;
flex-direction: column;
align-items: center;
	
}

	
footer .conteudo .pagamento h1{
font-size: 120%;
	
}

footer .conteudo .pagamento h2{
font-size: 100%;	
}


footer .conteudo .pagamento img{
width: 100%;
		
}	
	
.contato{
padding-top: 2.5%;
padding-bottom: 2.5%;
display: flex;
flex-direction: column;
align-items: center;
	
}

	
.contato h1{
font-size: 120%;

	
}


	
}
@media only screen and (max-width: 768px){
	

	
footer .conteudo .pagamento h1{
font-size: 110%;
	
}

footer .conteudo .pagamento h2{
font-size: 90%;	
}


footer .conteudo .pagamento img{
width: 90%;
		
}	

	
.contato h1{
font-size: 90%;

	
}


	
}
@media only screen and (max-width: 414px){
	
footer .conteudo{
flex-direction: column;
		
}
	
footer img{
width: 50%;	
align-self: center;
		
}
		
footer .conteudo .pagamento{
width: 90%;
height: auto;
margin: auto;
display: flex;
flex-direction: column;
align-items: center;
	
}

	
footer .conteudo .pagamento h1{
font-size: 110%;
	
}

footer .conteudo .pagamento h2{
font-size: 90%;	
}


footer .conteudo .pagamento img{
width: 100%;
		
}	
	
.contato{
width: 90%;
margin: auto;
padding-top: 2.5%;
padding-bottom: 2.5%;
display: flex;
flex-direction: column;
align-items: center;
	
}

	
.contato h1{
font-size: 100%;

	
}


	
}