/* ================================
PORTADA HERO
================================ */

.hero{

width:100%;
height:70vh;

background-image:url("../img/portadadeweb.jpg");

background-size:cover;
background-position:center;
background-repeat:no-repeat;

display:flex;
justify-content:center;
align-items:center;

}


/* LOGO CENTRADO */

.hero-logo img{

width:850px;

filter:drop-shadow(0 10px 20px rgba(0,0,0,0.6));

}


/* RESPONSIVE */

@media (max-width:768px){

.hero{
height:55vh;
}

.hero-logo img{
width:400px;
}

}