.blog-post-wrap {
    margin-top: 28px;
}

.blog-post-content .blog-post-featured-image {
    margin-bottom: 18px;
}

.blog-post-content .blog-post-featured-image .image-holder {
    padding-bottom: 62%;
}

.blog-post-content .blog-post-meta {
    gap: 8px 16px;
    flex-wrap: wrap;
    margin-bottom: 16px;
}

.blog-post-content .blog-post-meta > li {
    margin-left: 0;
}

.blog-post-content .blog-post-title,
.blog-post-content .custom-page-content h1,
.blog-post-content .custom-page-content h2,
.blog-post-content .custom-page-content h3,
.blog-post-content .custom-page-content h4,
.blog-post-content .custom-page-content h5,
.blog-post-content .custom-page-content h6 {
    font-size: 24px;
    line-height: 32px;
}

.blog-post-content .custom-page-content h1,
.blog-post-content .custom-page-content h2,
.blog-post-content .custom-page-content h3,
.blog-post-content .custom-page-content h4,
.blog-post-content .custom-page-content h5,
.blog-post-content .custom-page-content h6 {
    margin-top: 24px;
}

.blog-post-content .custom-page-content p {
    font-size: 15px;
    line-height: 25px;
}

.blog-post-content .custom-page-content table {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

@media screen and (max-width: 767px) {
    .blog-post-wrap {
        margin-top: 22px;
    }

    .blog-post-content .blog-post-featured-image .image-holder {
        padding-bottom: 62%;
    }

    .blog-post-content .blog-post-title,
    .blog-post-content .custom-page-content h1,
    .blog-post-content .custom-page-content h2,
    .blog-post-content .custom-page-content h3,
    .blog-post-content .custom-page-content h4,
    .blog-post-content .custom-page-content h5,
    .blog-post-content .custom-page-content h6 {
        font-size: 22px;
        line-height: 30px;
    }
}

@media screen and (min-width: 768px) {
    .blog-post-wrap {
        margin-top: 50px;
    }

    .blog-post-content .blog-post-featured-image {
        margin-bottom: 20px;
    }

    .blog-post-content .blog-post-featured-image .image-holder {
        padding-bottom: 38%;
    }

    .blog-post-content .blog-post-meta {
        gap: 0;
        margin-bottom: 20px;
    }

    .blog-post-content .blog-post-meta > li {
        margin-left: 25px;
    }

    .blog-post-content .blog-post-meta > li:first-child {
        margin-left: 0;
    }

    .blog-post-content .blog-post-title,
    .blog-post-content .custom-page-content h1,
    .blog-post-content .custom-page-content h2,
    .blog-post-content .custom-page-content h3,
    .blog-post-content .custom-page-content h4,
    .blog-post-content .custom-page-content h5,
    .blog-post-content .custom-page-content h6 {
        font-size: 28px;
        line-height: 36px;
    }
}