.banner > div{
	background-color: var(--colorCuatro);
	box-shadow: 4px 2px 10px #798188;
}

.banner span{
	font-family: 'negrita';
}

@media screen and (min-width: 320px) {
	.banner{
		/* padding: 10px 20px; */
		transition: .5s;
	}

	.banner > div{
		padding: 7px 0;
	}
}

@media screen and (min-width: 520px) {
	.banner{
		/* padding: 10px 40px; */
		transition: .5s;
	}

	.banner > div{
		padding: 7px 0;
	}
}

@media screen and (min-width: 1024px) {
	.banner{
		/* padding: 10px 110px; */
		transition: .5s;
	}

	.banner > div{
		padding: 7px 0;
	}
}

@media screen and (min-width: 1200px) {
	.banner{
		/* padding: 10px 150px; */
		transition: .5s;
	}

	.banner > div{
		padding: 7px 0;
	}
}

@media screen and (min-width: 1500px) {
	.banner{
		/* padding: 10px 200px; */
		transition: .5s;
	}

	.banner > div{
		padding: 7px 0;
	}
}