div#post-header {
        position: relative;
        /* width is the the the lower between 1489px and 80% of the viewport width */
        /* width: min(1489px, 80vw); */
        width: 1240px;
        margin : auto;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding-top: 40px;
        padding-bottom: 40px;
}

div#post-header .post-title {
        width: 100%;
        text-align: center;
        margin-top: 0px;
        margin-bottom: 8px;
}

/* Excerpt styling : centered, black, width 1000px in desktop view. 2 lines max */
div#post-header .post-excerpt {
    color: black;
    text-align: center;
    max-width: 1000px;
    margin: 0 auto 66px auto;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

div#post-header .post-header-img,
div#post-header .post-header-video {
        position: relative;
        align-self: stretch;
        margin-left: auto;
        margin-right: auto;
        /* width is the the the lower between 1489px and 80% of the viewport width */
        /* width: min(1489px, 80vw); */
        width: 1240px;
        border-radius: 16px;
        overflow: hidden;
        aspect-ratio: 16 / 9;
}

div#post-header .post-header-img {
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
}

div#post-header .post-header-video video {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
}

@media only screen and (max-width: 1280px) {

        div#post-header {
                width: 90vw;
                margin : auto;
                padding-bottom: 0px;
        } 
        
        div#post-header h1 {
                width: 100%;
        }

        div#post-header h3 {
                width: 100%;
                margin-top: 40px;
        }

        div#post-header .post-header-img,
        div#post-header .post-header-video {
                aspect-ratio: 3 / 4;
                width: 100%;
        }
}

div#post-content {
        position: relative;
        /* width is the the the lower between 1489px and 80% of the viewport width */
        /* width: min(1489px, 80vw); */
        width: 1240px;
        margin : auto;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding-top: 40px;
        padding-bottom: 80px;
}

@media only screen and (max-width: 1280px) {
        div#post-content {
            width: 90vw;
            margin : auto;
        }
}