#block-mainpagecontent figure.align-center img {
    margin-left: auto;
    margin-right: auto;
}

#block-mainpagecontent figure.align-right .v2-media {
    /*width: fit-content;*/
    width: auto;
}

html[lang="ar-eg"] #block-mainpagecontent figure.align-left .v2-media {
    width: auto;
}


#block-mainpagecontent .v2-media--aspect-16_9 {
    aspect-ratio: auto;
}

#block-mainpagecontent .layout.layout--twocol-section>.container {
    max-width: 850px;
    margin: 0 auto;
    grid-template-columns: repeat(8, minmax(0, 1fr));
}

#block-mainpagecontent .layout.layout--twocol-section>.container .layout__region.layout__region--second {
    display: none;
}

@media (min-width: 1024px) {
    html[lang="ar-eg"] #block-mainpagecontent .layout .container h1.field--name-title-item {
        font-size: 3.25rem;
    }
}

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

    #block-mainpagecontent .layout.section p,
    #block-mainpagecontent .layout.section ul li,
    #block-mainpagecontent .layout.section ol li {
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
}

#block-mainpagecontent .field.field--name-body {
    padding: 0 1rem;
}

#block-mainpagecontent .field.field--name-body .green-bg {
    margin: 0 -1rem 1rem;
    padding: 1rem;
    background: #ADCEB8
}

#block-mainpagecontent .field.field--name-body .green-bg .v2-media.align-right {
    margin-left: 0.75rem;

}

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

    #block-mainpagecontent figure.align-right,
    #block-mainpagecontent figure.align-left {
        float: none;
        margin-left: auto;
        margin-right: auto;
    }

    #block-mainpagecontent figure.align-right img,
    #block-mainpagecontent figure.align-left img {
        margin-left: auto;
        margin-right: auto;
    }

    #block-mainpagecontent .layout .container {
        padding-left: 0;
        padding-right: 0;
    }

    #block-mainpagecontent .layout .container h1.field--name-title-item {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    #block-mainpagecontent .layout .container .block-field-blocknodeblogfield-blog-type {
        margin-left: 1rem;
    }

    html[lang="ar-eg"] #block-mainpagecontent .layout .container .block-field-blocknodeblogfield-blog-type {
        margin-right: 1rem;
    }
}