.background-portada{
  background-image: url('../img/portada-mas-frutas-y-verduras.jpg');
  width:100%;
  height:400px;
  background-size:cover;
  background-position: center center;
  position:relative;
  overflow:hidden;
}
  
.overlay {
  position:aboslute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:rgba(0,0,0,.5);
}

.texto-portada {
  position:absolute;
  top:50%;
  left:50%;
  transform: translate(-50%, -50%);
}

.texto-portada h1 {
  font-family: 'Caveat Brush', cursive;
  font-size:55px;
}