@media screen and (max-width: 1024px) {
    h1, h2, h3, h4, h5, h6 {
        margin: 1rem 0;
    }

    h1 {
        font-size: 32px!important;
    }

    h2 {
        font-size: 28px!important;
    }
    
    nav {
        flex-flow: column!important;
        padding: 1rem!important;
        align-items: center!important;

        ul {
            gap: 0.75rem!important;
            padding: 0!important;            
            flex-wrap: wrap!important;
            place-content: center;
        }
    }

    main {
        padding-top: 1rem!important;
    }

    .heading {
        padding: 1rem!important;
        margin: 0!important;
    }

    .body-content {
        flex-direction: column!important;
        margin: 0!important;
        padding: 1rem 0!important;
        gap: 1rem!important;



        aside {
            width: 100%!important;
            height: 100%!important;
            div {
                height: 400px!important;
            }
        }

        article {
            width: unset!important;
        }
    }
    .feed {
        flex-direction: column!important;
        margin: 1rem!important;

        &.grid {
            max-width: 100%!important;
            margin: 0!important;

            &.projects {
                grid-template-columns: repeat(1, 1fr) !important;
                grid-template-rows: repeat(3, 1fr) !important;
                margin-bottom:2rem !important;

                .tdd, .ttg, .pfp {
                    grid-column: auto!important;
                    grid-row: auto!important;
                }
            }
        }

        &.photos {
            flex-direction: column!important;
        }

        .btt-link {
            position: fixed;
            bottom: 1rem;
            right: 1rem;
        }

        .fact-cards {
            width: 100%!important;
            height: 100%!important;
        }

        .stamp {
            width: 100%!important;

            .inner-stamp {
                .stamp-img {
                    img {
                        width: 100%!important;
                        height: unset!important;
                    }
                }
            }
        }
    }

    .cta {
        margin: 1rem 0!important;
    }

    .grid:not(.projects) {
        grid-template-columns: repeat(1, 1fr) !important;
        max-width: 80%;
    }

    .resume {
        display: flex!important;
        .resume-main {
            margin-top: 1rem;
        }
        .side-nav {
            display: none!important;
        }
        .skills {
            width: 100%!important;
            grid-row: unset!important;
            grid-column-start: unset!important;
            grid-row-start: unset!important;
            position: relative!important;
            top:unset!important;
        }
    }
}