.mobile .items {
    margin-top: -2vw;
    margin-bottom: 2vw;
}
.mobile .items:after {
    content: "";
    display: block;
    clear: both;
}
.fantagio.item,
.gallery.item {
    float: left;
    display: inline-block;
    margin-left: 2vw;
}
.fantagio.item {
    margin-top: 20px;
}
.fantagio.item:first-child,
.gallery.item:first-child {
    margin-top: 0;
}
.fantagio.item > .body {
    padding: 3vw;
    border: 2px solid #ddd;
}
.fantagio.item > .body > .date-and-views > span {
    margin: 1vw 0;
    font-size: 3vw;
}
.fantagio.item > .body > h3 {
    height: 11vw;
    font-size: 3.5vw;
    overflow: hidden;
}
.fantagio.big.post.item > .body > h3 {
    height: auto;
}
.fantagio.big.post.item > .body > p {
    font-size: 3vw;
}
.fantagio.big.post.item > .body > p.subtitle {
    margin: 2vw 0;
    max-height: 8vw;
    overflow: hidden;
    line-height: 4vw;
}
.fantagio.big.post.item > .body > p.content {
    margin: 2vw 0;
    max-height: 16vw;
    overflow: hidden;
    line-height: 4vw;
}
.big.fantagio.item,
.small.fantagio.item,
.small.gallery.item {
    width: 96vw;
}
.gallery.small.item > .image,
.gallery.small.item > .thumbnail,
.fantagio.big.item > .image,
.fantagio.big.item > .video,
.fantagio.small.item > .image,
.fantagio.small.item > .video {
    width: 100%;
    height: 96vw;
}
.gallery.item > .body > .date {
    display: block;
}
.fantagio.tiny.item,
.gallery.tiny.item {
    width: 47vw;
    margin-top: 0;
}
.fantagio.tiny.item {
    margin-top: 20px;
}
.gallery.tiny.item > .image,
.gallery.tiny.item > .thumbnail,
.fantagio.tiny.item > .image,
.fantagio.tiny.item > .video {
    width: 100%;
    height: 47vw;
}
.gallery.tiny.item > .image,
.gallery.tiny.item > .thumbnail {
    width: 100%;
    height: 47vw;
}
.gallery.item > .thumbnail > img {
    position: absolute;
}