/*
 * Copyright 2022, Tag Web Design Ltda.
 * Sass documentation: https://sass-lang.com/documentation
*/

@media screen and (max-width: 767px) {
	i.gatos {
		width: 440px;
		height: 115px;
		background-size: 440px 115px;
	}

	ul#premios {
		column-gap: 20px;
		row-gap: 25px;
	}

	ul#premios li p {
		margin-top: 10px;
		font-size: 1.6rem;
		line-height: 2.2rem;
	}
}

@media screen and (max-width: 600px) {
	i.gatos {
		width: 345px;
		height: 90px;
		background-size: 345px 90px;
	}

	#compre-online ul {
		width: 100%;
		max-width: 330px;
		margin: 0 auto;
		padding: 10px 0;
	}
}

@media screen and (max-width: 530px) {
	i.gatos {
		width: 268px;
		height: 70px;
		background-size: 268px 70px;
	}

	p.texto {
		margin: 0;
		padding: 15px;
		font-size: 1.4rem;
		line-height: 2.1rem;
	}

	h2 {
		font-size: 2.5rem;
		line-height: 2.8rem;
	}

	h3 {
		font-size: 2.4rem;
		line-height: 2.7rem;
	}

	#dataSorteio p {
		font-size: 1.8rem;
		line-height: 2.4rem;
	}

	ul#premios {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		column-gap: 10px;
		row-gap: 25px;
	}

	ul#premios li p {
		margin-top: 6px;
		font-size: 1.4rem;
		line-height: 1.8rem;
	}
}