@media screen and (max-width: 700px) {
    .pageframe {
        grid-template-columns: 1fr;
        grid-template-rows: min-content;
        grid-template-areas: "nav""content";
    }

    #nav {
        display: grid;
        grid-template-rows: min-content;
        grid-template-areas: "navLinks""social";
    }

    ul.navLinks {
        flex-direction: row;
        justify-content: space-around;
        align-items: center;
        margin-block-start: 0.25em;
        margin-block-end: 0.25em;
        margin: 0.25em;
        padding: 10px 15px;
        border: 1px solid #292441;
        border-radius: 0.25em;
        background-color: #342d52;
    }

    .social {
        flex-direction: row;
        justify-content: space-evenly;
    }

    .navEmoji {
        color: white;
    }

    ul.socialList {
        flex-direction: row;
        justify-content: space-around;
        align-items: center;
        margin-block-start: 0.75em;
        margin-block-end: 0em;
    }

    #content {
        padding: 0.5em;
    }

    .blog_key {
        justify-content: center;
    }

    .shareh2 {
        display: flex;
        justify-content: center;
    }

    .blogwrap {
        grid-template-columns: 1fr;
        grid-template-rows: min-content;
    }

    .sidebar {
        justify-content: space-around;
    }
}