#nav-single {
    margin-bottom: 1em;
}

#related-posts .h4 {
    display: block;
    background: #FFF200;
    margin: 0;
    padding: 10px;
    text-align: center;
    font-size: 1.5em;
    color: #000;
}

#related-posts li {
    position: relative;
    float: left;
    width: 25%;
    text-align: center
}

#related-posts .rp-title-container {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    height: 100%;
    width: 100%;
    opacity: .4;
    transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -webkit-transition: opacity 1s ease-in-out;
}

#related-posts .rp-title-container:hover {
    opacity: .9
}

#related-posts .rp-title {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 10px;
    line-height: 1em;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5) !important;
    width: 100%;
    box-sizing: border-box;
}

#related-posts .rp-title a {
    font-weight: normal !important;
    color: #FFF;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5) !important;
}

#related-posts .rp-title .post-title {
    font-size: 1.2em
}

#related-posts .entry-meta {
    font-size: .7em !important;
    display: block;
    margin-top: .25em
}

#related-posts img {
    float: left;
    width:100%;
}

#related-posts li:nth-child(1) {
    width: 100%
}

#related-posts li:nth-child(1) .rp-title .post-title {
    font-size: 1.5em
}

#related-posts li:nth-child(2) {
    width: 50%;
}

#related-posts li:nth-child(3) {
    width: 50%
}

#related-posts li:nth-child(4) {
    width: 50%
}

#related-posts li:nth-child(5) {
    width: 50%
}

.c_count {
    position: absolute;
    top: 10%;
    right: 5%
}


@media screen and (max-width: 480px) {
    #related-posts .rp-title .post-title {
        font-size: 10px
    }

    #related-posts li:nth-child(1) .rp-title .post-title {
        font-size: 14px
    }

    #related-posts .entry-meta {
        display: none
    }
}