#blog-image-header {
    position: relative;
    height: 45vh;
    background-size: cover;
    background-position: center;
}

#blog-image-header #blog-title {
    position: absolute;
    bottom: -8vh;
    background-color: rgba(0,62,135,0.8);
    padding: 20px 30px;
    color: #fff;
    margin: 0 2vw;
}

#blog-image-header #blog-title #blog-meta {
    position: absolute;
    bottom: -7px;
    color: #fff;
}

#posts-page-nav > div > a:hover {
    text-decoration: none;
}

#posts-page-nav .posts-page-nav-previous > a:before {
    content: '\02039 ';
    font-size: 1.33rem;
}

#posts-page-nav .posts-page-nav-next > a:after {
    content: ' \0203a';
    font-size: 1.33rem;
}

#blog-image-header #blog-meta {
    position: absolute;
    bottom: -7px;
    left: 10px;
    color: #fff;
}

#blog-meta > a {
    color: #fff;
}

#blog-image-header + #blog-content {
    margin: 12vh auto 0;
}

#blog-image-header + #blog-content-only {
    margin: 4vh auto 0;
}

#blog-header {
    display: block;
}

#blog-header #blog-title {
    padding: 20px;
    color: #003e87;
}

#blog-title h1 {
    font-size: 2.6rem;
    line-height: 1.2;
}

#blog-content,
#blog-content-only {
    max-width: 1024px;
    padding: 20px;
}

/*Nav*/
.posts-page-nav-previous {
    position: relative;
    left: -5px;
}

/*Similar Posts*/
#similar-posts {
    padding: 0 100px;
    text-align: center;
    max-width: 1000px;
    margin: auto;
}

#similar-posts-heading {
    margin: 50px 10px 10px;
    color: #215071;
    border-bottom: 2px solid;
    float: left;
}

#similar-posts-blog-summaries-wrap {
    clear: both;
}

@media (max-width: 700px) {
    #blog-title h1 {
        font-size: 1.66rem;
        line-height: 1.3;
    }

    #similar-posts {
        padding: 0 20px;
    }
}

@media (max-width: 600px) {
    .posts-page-nav-previous {
        left: -20px;
    }

    .posts-page-nav-next {
        position: relative;
        left: -20px;
    }
}

@media (max-width: 480px) {
    #blog-image-header {
        height: 40vh;
    }

    #blog-image-header #blog-title {
        bottom: -12vh;
        padding: 10px 15px;
        margin: 0 4vw;
    }

    #blog-image-header #blog-title #blog-meta {
        bottom: -3px;
        color: #fff;
        font-size: 0.66rem;
    }

    #blog-image-header + #blog-content {
        margin: 15vh auto 0;
    }

    #blog-header #blog-title {
        padding: 0 20px;
    }
}