:root {
	--home-header-height: 465px;
}

#home-container {
	background-image: url("../images/fondo-header.webp");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: var(--home-header-height);
}

#symptoms {
	padding: 30px 0;

	.symptom {
		max-width: 20%;
	}

	.symptom img {
		width: 100%;
	}
}

@media all and (max-width: 1250px) {
	#home-container {
		height: 425px;
	}
}

@media all and (max-width: 1050px) {
	#home-container {
		height: 400px;
	}
}

@media all and (max-width: 850px) {
	#home-container {
		height: 350px;
	}

	#symptoms .symptom {
		max-width: 35%;
	}
}

@media all and (max-width: 710px) {
	#home-container {
		height: 325px;
	}
}

@media all and (max-width: 550px) {
	#home-container {
		height: 240px;
	}

	#campaign-poster,
	#campaign-banner {
		width: 100%;
	}

	#symptoms .symptom {
		max-width: 50%;
	}
}

@media all and (max-width: 450px) {
	#home-container {
		height: 200px;
	}
}