@charset "utf-8";
/* CSS Document */

body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-image:url(../imagens/fundo-pagina.jpg);
	background-position:center top;
	background-repeat:no-repeat;
}

.ImgKardec {
	text-align:center;	
}

.imgTituloZelo {
	margin-top:90px;

}

.div5passos {
	margin-top:30px;
	margin-bottom:30px;
	margin-left:20%;
	margin-right:20%;	
}

.texto1Topo {	
	font-size:36px;
	font-weight:300;
	font-family: 'Lato', sans-serif;
	letter-spacing:-1px;
	line-height:40px;
	font-style:italic;
}
.texto2Topo {	
	font-size:26px;
	font-weight:400;
	font-family: 'Lato', sans-serif;
	letter-spacing:-1px;
	line-height:34px;
}

.divPasso1Esq {
	align:center;
	padding: 20px 0px 20px 0px;
	
}

.numeroCinza {
	color:#626260;
	font-size:140px;
	font-weight:900;
	font-family: 'Lato', sans-serif;
	line-height:110px;
}

.numeroLaranja {
	color:#b8841a;
	font-size:140px;
	font-weight:900;
	font-family: 'Lato', sans-serif;
	line-height:110px;
}

.passoSubTitulo {
	font-size:63px;
	font-weight:300;
	font-family: 'Lato', sans-serif;
	letter-spacing:-3px;
	line-height:60px;
}
.passoTitulo {
	font-size:89px;
	font-weight:900;
	font-family: 'Lato', sans-serif;
	letter-spacing:-3px;
	line-height:90px;
}

.tituloPronto {
	font-size:85px;
	line-height:85px;
	font-weight:900;
	color:383836;
	letter-spacing:-4px;
}

.textoPronto {
	font-size:29px;
	line-height:28px;
	font-weight:300;
	color:383836;
	letter-spacing:2px;	
}


.tituloRodape {
	font-size:42px;
	font-weight:400;
	font-family: 'Lato', sans-serif;
	letter-spacing:-2px;
	line-height:44px;
}	

.tituloRodape2 {
	font-size:36px;
	font-weight:900;
	font-family: 'Lato', sans-serif;
	letter-spacing:6px;
	line-height:38px;
}

.tituloRodape3 {
	font-size:36px;
	font-weight:400;
	font-family: 'Lato', sans-serif;
	letter-spacing:-2px;
	line-height:38px;
}

.tituloRodapeCandeia {
	font-size:110px;
	font-weight:900;
	font-family: 'Lato', sans-serif;
	letter-spacing:-5px;
	line-height:110px;
	color:#f9b223;
}


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



.iconesPassos {
	width:24px;

}

.imgTituloZelo {
	margin-top:10px;
}

.texto1Topo {	
	font-size:24px;
	letter-spacing:-1px;
	line-height:28px;
}
.texto2Topo {	
	font-size:20px;
	letter-spacing:-1px;
	line-height:24px;
}

.div5passos {
	margin-top:20px;
	margin-bottom:20px;
	margin-left:10%;
	margin-right:10%;	
}


.numeroCinza {
	font-size:70px;
	line-height:60px;
}

.numeroLaranja {
	font-size:70px;
	line-height:60px;
}

.passoSubTitulo {
	font-size:36px;
	letter-spacing:-2px;
	line-height:30px;
}
.passoTitulo {
	font-size:48px;
	letter-spacing:-2px;
	line-height:40px;
}

.tituloPronto {
	font-size:58px;
	line-height:57px;
	letter-spacing:-3px;
}

.textoPronto {
	font-size:19px;
	line-height:22px;
 	letter-spacing:2px;	
}

.tituloRodape {
	font-size:32px;
	letter-spacing:-1px;
	line-height:36px;
}	

.tituloRodape2 {
	font-size:28px;
	letter-spacing:6px;
	line-height:28px;
}

.tituloRodape3 {
	font-size:28px;
	letter-spacing:-2px;
	line-height:32px;
}

.tituloRodapeCandeia {
	font-size:70px;
	letter-spacing:-4px;
	line-height:75px;
}
}

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

.texto1Topo {	
	font-size:19px;
	line-height:22px;
}
.texto2Topo {	
	font-size:16px;
	line-height:20px;
}

.div5passos {
	margin-top:20px;
	margin-bottom:20px;
	margin-left:7%;
	margin-right:7%;	
}

.numeroCinza {
	font-size:36px;
	line-height:32px;
}

.numeroLaranja {
	font-size:36px;
	line-height:32px;
}

.passoSubTitulo {
	font-size:18px;
	letter-spacing:-1px;
	line-height:18px;
}
.passoTitulo {
	font-size:23px;
	letter-spacing:-1px;
	line-height:19px;
}

.tituloRodape {
	font-size:24px;
	letter-spacing:-1px;
	line-height:28px;
}	

.tituloRodape2 {
	font-size:20px;
	letter-spacing:5px;
	line-height:24px;
}

.tituloRodape3 {
	font-size:22px;
	letter-spacing:-1px;
	line-height:26px;
}

.tituloRodapeCandeia {
	font-size:50px;
	letter-spacing:-3px;
	line-height:65px;
}

}