* {
  box-sizing:border-box;
  margin:0;
  padding:0;
}

.blog-card {
  width:350px;
  height:500px;
  position:absolute;
  top:50%;
  left:50%;
  margin:-250px 0 0 -175px;
  overflow:hidden;
  border-radius:10px;
  box-shadow:5px 5px 20px rgba(0, 0, 0, 0.5);
  text-align:center;
  outline:outset;
  outline-color:black;
  outline-width:5px;
  text-shadow:3px 3px gray;
}

.blog-card.spring-fever {
  background:url("../../assets/img/Carlos 2.jpg") no-repeat;
  background-position:center;
  background-size:cover;
}

.blog-card.tapas1 {
  background:url(../../assets/img/chorizo.jpg) no-repeat;
  background-position:center;
  background-size:cover;
}

.blog-card.tapas2 {
  background:url("../../assets/img/tapas500.jpg") no-repeat;
  background-position:center;
  background-size:cover;
}

.blog-card.tapas3 {
  background:url("../../assets/img/12898285_1298939066800668_5508087438068957320_o.jpg") no-repeat;
  background-position:center;
  background-size:cover;
}

.blog-card.tapas4 {
  background:url("13466102_1368610386500202_8310333354402489829_n.jpg") no-repeat;
  background-position:center;
  background-size:cover;
}

.blog-card.tapas5 {
  background:url("../../assets/img/alachofas-con-jamon.jpg") no-repeat;
  background-position:center;
  background-size:cover;
}

.blog-card.tapas6 {
  background:url("../../assets/img/bacalao-a-la-vasca.jpg") no-repeat;
  background-position:center;
  background-size:cover;
}

.blog-card.desserts1 {
  background:url("../../assets/img/croquetas.jpg") no-repeat;
  background-position:center;
  background-size:cover;
}

.blog-card.desserts2 {
  background:url("../../assets/img/dessert-2-flan.jpg") no-repeat;
  background-position:center;
  background-size:cover;
}

.blog-card.desserts3 {
  background:url("../../assets/img/dessert.jpg") no-repeat;
  background-position:center;
  background-size:cover;
}

.blog-card.salads {
  background:url("../../assets/img/ensalada-mixta.jpg") no-repeat;
  background-position:center;
  background-size:cover;
}

.blog-card.gazpacho {
  background:url("../../assets/img/gazpacho.jpg") no-repeat;
  background-position:center;
  background-size:cover;
}

.blog-card.jamon {
  background:url("../../assets/img/jamon-serrano.jpg") no-repeat;
  background-position:center;
  background-size:cover;
}

.blog-card.lomodecerdo {
  background:url("../../assets/img/lomo-de-cerdo-con-pimentos.jpg") no-repeat;
  background-position:center;
  background-size:cover;
}

.blog-card.menu1 {
  background:url("../../assets/img/menu1.png") no-repeat;
  background-position:center;
  background-size:cover;
}

.blog-card.paella2 {
  background:url("../../assets/img/paella-2-175x116-1.jpg") no-repeat;
  background-position:center;
  background-size:cover;
}

.blog-card.alioli {
  background:url("../../assets/img/patatas-alioli.jpg") no-repeat;
  background-position:center;
  background-size:cover;
}

.blog-card.pulpo {
  background:url("../../assets/img/pulpo-a-la-gallega.jpg") no-repeat;
  background-position:center;
  background-size:cover;
}

.blog-card.salmon {
  background:url("../../assets/img/salmon2.jpg") no-repeat;
  background-position:center;
  background-size:cover;
}

.blog-card.seafoodsalad {
  background:url("../../assets/img/seafood-salad.jpg") no-repeat;
  background-position:center;
  background-size:cover;
}

.blog-card.tarta {
  background:url("../../assets/img/tarta-cuajada.jpg") no-repeat;
  background-position:center;
  background-size:cover;
}

.blog-card:hover .card-info {
  opacity:1;
  bottom:120px;
}

.blog-card:hover .title-content {
  background-color:gray;
  opacity:.7;
  padding:10px;
  font-weight:bold;
}

.title-content {
  text-align:center;
  margin:70px 0 0 0;
  position:absolute;
  z-index:20;
  width:100%;
  top:0;
  left:0;
}

h3 {
  font-size:20px;
  font-weight:500;
  letter-spacing:2px;
  color:#111111;
  font-family:'Open Sans';
  margin-bottom:0;
}

hr {
  width:50px;
  height:3px;
  margin:20px auto;
  border:0;
}

.intro {
  width:170px;
  margin:0 auto;
  color:white;
  font-family:'Open Sans' !important;
  font-size:22px !important;
  line-height:24px !important;
  font-style:normal !important;
}

.card-info {
  width:100%;
  position:absolute;
  bottom:100px;
  left:0;
  margin:0 auto;
  padding:0 50px;
  color:white;
  font-family:'Open Sans';
  font-size:18px;
  line-height:24px;
  z-index:20;
  opacity:0;
  transition:bottom 0.3s, opacity 0.3s cubic-bezier(0.33, 0.66, 0.66, 1);
  font-style:normal;
}