@media screen and (max-width: 1600px) {
    body {
        margin-top: 30px;
        grid-template-columns: 10% 80% 10%;
    }

    #main {
        padding: 40px 50px;
    }

    .blogwrap {
        grid-template-columns: 1fr;
        grid-template-rows: min-content min-content min-content min-content;
        grid-template-areas: 
        "blog_title"
        "blog_key"
        "blog"
        "sidebar";
    }

    .sg_img_duo {
        flex-direction: column;
    }

    .writeup {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: min-content min-content min-content;
        gap: 10px 20px;
        grid-template-areas:
            "top top"
            "Agrid Agrid"
            "Bgrid Bgrid";
    }

    .Bgrid {
        flex-direction: row;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: min-content;
        grid-template-areas: "img buttons";
    }

}