html, body {
    margin: 0;
    padding: 0;
}

body {
    text-align: center
}

.post {
    position: relative;
    display: block;
    max-width: 80vw;
    margin: 0 auto;
}

@media only screen and (max-width: 960px) {
    .post {
        max-width: 95vw;
    }
}

.post img {
    display: block;
    width: 100%;
}

.title {
    margin-bottom: 50px;
    max-width: 100vw;
}

a:hover {
    filter: opacity(0.5) !important;
}

.title img {
    display: block;
    margin: 0 auto;
    max-width: 100vw;
}

.post a {
    background-color: #35c;
    mix-blend-mode: screen;
    position: absolute;
    display: block;
}

.ctas a {
    display: block;
}

.ctas img {
    max-width: 80vw;
}

.comments img {
    max-width: 80vw;
    margin: 30px 0;
}