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

    html,
    body {
        min-width: 360px;
    }

    body {
        margin: 0;
    }

    /* .nav_item {
        margin: 1em;
        font-size: 1.5em;
    } */

    .nav_links {
        grid-column: 2 / 3;
        grid-row: 1 / 2;
        justify-self: end;
    }

    .grid_container_blog {
        display: block;
    }

    .panel_l_margin_blog {
        display: none;

    }

    .panel_r_margin_blog {
        display: none;
    }


    .panel_blog {
        display: block;

    }

    .main_blog {
        display: block;
        padding-right: 0;
        padding-left: 0;
    }

    .posts_body_blog {
        display: grid;
        grid-template-columns: 0.2fr 2fr 0.2fr;
        margin: 0;
    }

    .l_margin_blog {
        grid-column: 1 / 2;
    }

    .r_margin_blog {
        grid-column: 3 / 4;
    }

    .panel_body_blog {
        grid-column: 2 / 3;
    }

    .panel_body_blog_photo {
        grid-row: 2 / 3;
        place-self: center;
        margin-bottom: 1em;
        padding: 0 1em;
    }

    .pic_blog_mini_styling {
        width: 100%;
        height: auto;
        object-fit: cover;
        border: 4px solid #000000;
        outline: 2px solid #000000;
        outline-offset: -10px;

    }

    .photo_post,
    figure img {
        width: 100%;
        height: auto;
    }



    .column_blog {
        padding: 1em 1em 0 1em;
        background-color: #A4AC86;
        text-align: center;
        font-size: 1.4em;
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 3fr;
        justify-content: stretch;
        align-items: start;
        border-width: 1px 0px 0px 0px;
        border-style: solid;
        border-color: #000000;
        outline: 0;
        outline-offset: 0;
    }

    .footer {
        text-align: center;
        font-size: 1em;
        padding: 4em 1em 1em 1em;
        background-color: #A4AC86;
        margin: 0;

    }


    #blog_footer {
        background-color: #A4AC86;
    }

}