#home {
	#banner {
		width: 100%;
		height: 850px;
		margin: 0 auto;
		display: flex;
		align-items: center;
		justify-content: center;
		background-image: url('../images/fondo-header.png');
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;

		#banner-image {
			max-width: 90%;
			max-height: 80%;
			width: auto;
			height: auto;
		}
	}

	#info-containers {
		padding: 0 10%;

		.info-container {
			display: none;

			strong.highlight {
				background-color: var(--color-accent);
				padding: 2px 10px
			}
		}
	}

	@media all and (max-width: 1250px) {
		#banner {
			height: 750px;
		}
	}

	@media all and (max-width: 1050px) {
		#banner {
			height: 650px;
		}
	}

	@media all and (max-width: 850px) {
		#banner {
			height: 550px;
		}
	}

	@media all and (max-width: 710px) {
		#banner {
			height: 500px;

			#banner-image {
				max-width: 95%;
			}
		}

		#info-buttons-container {
			flex-direction: column;

			.info-button img{
				max-height: 80px;
			}
		}
	}

	@media all and (max-width: 550px) {
		#banner {
			height: 400px;
		}
	}

	@media all and (max-width: 450px) {
		#banner {
			height: 300px;
		}
	}
}