@media only screen and (min-width: 320px) {
    :root{
        --article-content-width: 680px;
    }
    .post-template-default .site-content{
        padding:0px;
    }
    .post-template-default .site-content .alignfull{
        margin-left: calc(-100vw / 2 + 100% / 2);
        margin-right: calc(-100vw / 2 + 100% / 2);
        max-width: 100vw;
        width: auto;
    }
    /*Typography*/
    .post-template-default h2{
        font-size:2.2rem;
    }
    .post-template-default h3{
        font-size:1.8rem;
    }
    .post-template-default h4{
        font-size:1.4rem;
    }
    .post-template-default h5{
        font-size:1.2rem;
    }
    .post-template-default h6{
        font-size:1rem;
    }
    /*Excerpt and featured*/
    .single-post-excerpt{
        max-width: var(--article-content-width);
        margin:0 auto;
        font-weight:600;
        font-size:16px;
        margin-top:calc(var(--default-margin-top) / 2);
        margin-bottom:calc(var(--default-margin-bottom) / 2);
        padding-left:var(--mobile-side-padding);
        padding-right:var(--mobile-side-padding);
    }
    .factbox, .sub_content{
        max-width: var(--article-content-width);
        margin:0 auto;
        margin-top:calc(var(--default-margin-top) / 2);
        margin-bottom:calc(var(--default-margin-bottom) / 2);
        width:100%;
        padding-left:var(--mobile-side-padding);
        padding-right:var(--mobile-side-padding);
    }
    figure:has(> img.single-post-featured-image){
        max-width: calc(var(--article-content-width) + 40px);
        margin:0 auto;

    }
    .single-post-featured-image{
        max-width: calc(var(--article-content-width) + 40px);
        margin:0 auto;
        width:100%;
    }
    /*Content area*/
    .post-template-default .dynamic-entry-content{
        max-width: var(--article-content-width);
        padding-left:var(--mobile-side-padding);
        padding-right:var(--mobile-side-padding);
        margin:0 auto;
        margin-top:calc(var(--default-margin-top) / 2);
    }
    .post-template-default .gb-block-image, .post-template-default .wp-block-image{
        margin-bottom:40px;
    }

    .post-template-default .dynamic-entry-content:has(.wp-block-group){
        max-width:1280px;
    }
    .post-template-default img.size-full{
        margin-bottom:40px;
    }
    .post-template-default .dynamic-entry-content figure:has(figcaption) img{
        margin-bottom:0px;
    }
}

@media only screen and (min-width: 768px) {
    
}

@media only screen and (min-width: 1024px) {
    
}

@media only screen and (min-width: 2000px) {
    :root{
        --article-content-width: 1200px;
    }
}