#banner{margin-top:100px;
position:relative;}
#banner img {width: 100%; height:100%;}
#banner .contenedor {position:absolute;top:50%; left:50%;
transform: translateX(-20%) translateY(-20%); color:#F3F781;} 
#banner h2 {background:#fff; border-radius: 1px;
-moz-border-radius:1px;
-webkit-border-radius:2px; width: 100px; font-size: 20px; color: #0000ff;} 

#banner a: hover{background:rgba(51,51,51,51);}

@media (min-width:84px) {
#banner h2 {background:#fff; width: 84px; font-size: 22px; color:#3A2B25;
}
#banner a{margin-top:25px;}
}

@media (min-width:700px) {
#banner{
height:300px;
overflow:hidden;
}
#banner img{height:auto;
margin-top: -100px;

}
}

@media (min-width:1024px) {

#banner img{margin-top: -200px;

}
}