:root{
	--color1: #7f7224;
	--color2: #968432;
	--color3: #b59f4a;
	--color4: #d8ba4a;
	--color5: #ffe361;
}
body{
	font-size: 1em;
}
/*__ titulo de la seccion con fondo oscuro __*/

.titulo-seccion__texto{
	font-family: 'FuturaBd';
    background-color: var(--color1);	
	color: #fff;
	font-size: 1.5em;	
	padding: 5px;	
	padding-left: 2%;
	line-height: 1.5em;
	margin-top: 15px;
}

@media screen and (max-width:800px){
	/* subtitulos */
	h2{
		font-size: 1.3em;
	}
	/* parrafos */
	p{
		font-size: .8em;
	}
}

@media screen and (max-width:400px){
	/*__ titulo de la seccion con fondo oscuro __*/
	.titulo-seccion{		
		height: 37px;	
		margin-bottom: 2px;		
	}
	.titulo-seccion__texto{
	 font-size: 1.2em;
	 margin-left: -5px;
	}
	.titulo-seccion p{		
		font-size: 1.3em;
			
	}
	
	/* parrafos */
	p{
		font-size: .9em;
	}
}