.blog-post {
    margin: 0 auto
}

.blog-post__meta {
    margin-bottom: 1.4rem
}

.blog-post__meta a {
    text-decoration: underline
}

.blog-post__timestamp {
    display: block
}

.blog-post__tags svg {
    height: auto;
    margin-right: .35rem;
    width: 15px
}

.blog-post__tag-link {
    font-size: .875rem
}

.blog-related-posts {
    padding: 40px 0 60px
}

.blog-related-posts h2 {
    margin-bottom: 30px;
    text-align: center
}

.blog-related-posts__post {
    flex: 0 0 100%;
    padding: 1rem
}

@media screen and (min-width:768px) {
    .blog-related-posts__post {
        flex: 0 0 50%
    }
}

@media screen and (min-width:1000px) {
    .blog-related-posts__post {
        flex: 0 0 33.33333%
    }
}

.blog-related-posts__image {
    height: auto;
    max-width: 100%
}

.blog-related-posts__title {
    margin: .7rem 0
}

.blog-comments {
    background-color: #ccc6;
    border-radius: 5px;
    margin: 50px auto 0;
    padding: 20px
}

.blog-comments .hs-submit {
    text-align: center
}

.blog-comments .comment-reply-to {
    border: 0
}

.blog-comments .comment-reply-to:focus,
.blog-comments .comment-reply-to:hover {
    background-color: transparent;
    text-decoration: underline
}

.blog-details-right>* {
    position: sticky;
    top: 99px
}