* {
  box-sizing:border-box;
}

* {
  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:3px 3px 20px rgba(0, 0, 0, 0.5);
  text-align:center;
}

.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:hover .card-info {
  opacity:1;
  bottom:120px;
}

.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:'Droid Serif', serif;
  font-size:16px;
  font-style:italic;
  line-height:18px;
}

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

* {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

*:before, *:after {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

* {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

* {
  box-sizing:border-box;
}

* {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

*:before, *:after {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

* {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

* {
  box-sizing:border-box;
}

h2 {
  font-family:'Open Sans';
  padding:.5em;
  color:white;
  font-size:30px;
  font-weight:bold;
}

h3 {
  color:white;
  font-family:'Open Sans';
  font-size:24px;
  font-weight:bold;
}