#banner {
	margin-top: 45px;
	position: relative;
}

#banner img {
	width: 100%;
	height: 100%;
}

#banner .contenedor {
	position: absolute;
	margin-top: 45px;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	color: #FFFFFF;
}

#banner h2 {
	font-size: 12px;
	text-align: center;
	text-shadow: 2px 3px #000;
}

	
@media (min-width: 480px) {
	#banner h2 {
		font-size: 30px;
		min-width: 30px;
		margin-top: -50px;
	}

}
	@media (min-width: 768px) {
		#banner {
			height: 500px;
			overflow: hidden;
		}
		#banner img {
			height: auto;
			margin-top: -100px;
		}
}
		
		@media (min-width: 1024px) {
		#banner img {
			margin-top: -200px;
			}
	}