/* BANNER */
.contenedor-banner .titulo {
	font-size: 3em;
	font-family: Lato-Bold;
    color: #ffffff;
    margin: 0;
    padding: 0;
}

.contenedor-banner .subtitulo {
	padding: 0 20%;
    font-size: 1.6em;
    line-height: 1em;
    color: #ffffff;
    margin: 10px 0 15px 0;
    font-family: Lato-Regular;
}

/* COLORES TEXTO */
.contenedor-banner .verde {color: #5C881A;}
.contenedor-banner .verde-claro {color: #B8E986;}
.contenedor-banner .verde-oscuro {color: #3e6109;}
.contenedor-banner .gris {color: #727272;}
.contenedor-banner .negro {color: #000000;}


/* Para pantallas entre 1280px y 1600 (desktop) */
@media screen and (min-width: 80em) and (max-width:99.99em){
	.contenedor-banner .subtitulo {
		padding: 0 15%;
	    font-size: 1.6em;
	}	
}


/* Para pantallas entre 1024px y 1280px (desktop) */
@media screen and (min-width: 64em) and (max-width:79.99em){
	.contenedor-banner .titulo {
		font-size: 2.4em;
	}
	.contenedor-banner .subtitulo {
		padding: 0 5%;
	    font-size: 1.6em;
	}
}


/* Pantallas entre 768px y 1024px (tablet) */
@media screen and (min-width: 47.96em) and (max-width: 63.99em) {
	.contenedor-banner .titulo {
		font-size: 2.3em;
		padding: 0 30px;
	}
	.contenedor-banner .subtitulo {
		padding: 0 5%;
	    font-size: 1.6em;
	}
}
 
 
/* Pantallas inferiores a 768px (mobile) */
@media screen and (max-width: 47.95em) {
	.contenedor-banner .titulo {
		font-size: 2em;
		padding: 0;
	}
	.contenedor-banner .subtitulo {
		padding: 0;
	    font-size: 1.22em;
	}
}