@charset "utf-8";
/* CSS Document */

#banner {
   margin-top:50px;
	position:relative;
}
#banner img{
	width:100%;
	height:100%;
}
#banner .contenedor {
	position:absolute;
	top:50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	color:#F6F;
	text-shadow: -1px -1px 1px #000, 1px 1px 1px #000, -1px 1px 1px #000, 1px -1px 1px #000;
	/*-webkit-text-fill-color: #f6f;
	-webkit-text-stroke: 1px black;*/
}
#banner h2 {
font-size:28px;
}
#banner a{
	display:block;
	width:100px;
	color:#000;
	text-decoration:none;
	padding:7px;
	margin-top:10px;
	text-shadow:4px 4px 3px #000;
	border:3px solid #f00;
	background:rgba(255,255,255,.8);
}

#banner a:hover {
	background:rgba(255,0,0,0.5);
}
@media (min-width:480px) {
  #banner h2 {
	 font-size:40px; 
  }
  #banner a{
	  margin-top:25px;
  }
}
@media (min-width:768px) {
	#banner {
	   height: 300px;
	   overflow: hidden;
	}
	#banner img {
	   height:auto;	
	   margin-top:-100px;
	}
}
@media (min-width:1024px) {
	#banner img {
	   margin-top:-200px;
	}
}