#portada-b {
background-size: 100%;
background-repeat: no-repeat;
width: 1500px;
height: 350px;
overflow: hidden;  
}

#xplore {
height: auto;
}

#xplore h1 {
font-size: 50px;
top: 30px;
position: relative;
width: 80%;
color: #848484;
}

#xplore h2 {
text-align: left;
font-weight: 100;
color: #3e3e3e;
}

.obione a {
position: relative;
overflow: hidden;
height: 250px;
}

.obione a .nada {
width: 90%;
height: 210px;
background:  #313131;
}


.obione a:hover:after {
transform:  translateY(0px);
}

.obione a:after {
z-index: 0;
position: absolute;
content: '';
text-align-last: center;
line-height: 5;
color: white;
transform:  translateY(170px);
width: 90%;
height: 12.5%;
bottom: 0%;
left: 5%;
background: rgba(51, 51, 51, 0.2);
transition: all .5s;
-webkit-transition: all .5s;
}



/*********************** media queries *********************/


@media screen and (max-width: 1500px) {
#portada-b {
background-size: 100%;
background-repeat: no-repeat;
width: 100%;
height:480px;
overflow: hidden;  
}
}