.merge-grid-entry.merge-grid-hover > .grid-entry-content {
    min-height: 260px;
}

.merge-grid-entry.merge-grid-hover > .grid-entry-content:hover {
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    background-color: rgb(0, 90, 70);
}

.merge-grid-entry.merge-grid-hover > .grid-entry-content:hover img,
.merge-grid-entry.merge-grid-hover > .grid-entry-content:hover .title-caption {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    opacity: 0.1;
}

.merge-grid-entry.merge-grid-hover > .grid-entry-content .hover-area {
    height: 100%;
    width: calc(100% - 16px);
    position: absolute;
    /*margin-right: 8px;*/
    /*padding: 8px;*/
}

/* hover-area hovered */
.merge-grid-entry.merge-grid-hover > .grid-entry-content:hover .hover-area {
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    z-index: 10;
}

.merge-grid-entry.merge-grid-hover > .grid-entry-content:hover > .hover-area .intro {
    overflow-y: auto;
}

.merge-grid-entry.merge-grid-hover > .grid-entry-content .hover-area .dark-hover:hover {
    background-color: #323232;
    -webkit-transition: background-color 1s;
    -moz-transition: background-color 1s;
    -o-transition: background-color 1s;
    transition: background-color 1s;
}

@media (max-width: 800px) {
    .merge-grid-entry.merge-grid-hover > .grid-entry-content {
        min-height: 290px;
    }
}

@media (max-width: 549px) {
    .merge-grid-entry.merge-grid-hover {
        min-height: 0;
    }

    .merge-grid-entry.merge-grid-hover > .grid-entry-content {
        min-height: 200px;
    }

    .merge-grid-entry.merge-grid-hover > .grid-entry-content:hover > .hover-area {
        /*height: 200px;*/
    }

}