#hero {
    width: 100%;
    height: 30vh;
    background-size: cover;
    position: relative;
    background: url(../img/event/fondo.jpg) top center;
}


.blog_item {
    margin-bottom: 40px;
}
.blog_info {
    padding-top: 30px;
}

.text-right {
    text-align: right !important;
}
.blog_info .post_tag {
    padding-bottom: 20px;
}
.blog_info .post_tag a {
    font: 300 14px / 21px "Roboto", sans-serif;
    color: #222222;
}
.list {
    list-style: none;
    margin: 0px;
    padding: 0px;
}
.blog_post img {
    max-width: 100%;
}
@media (max-width: 767px) {
    .blog_info.text-right {
        text-align: left !important;
        margin-bottom: 10px;
    }
}