@media (max-width: 720px){
    .entry-header{
        flex-direction: column-reverse;
        align-items: flex-start;

        &> :first-child{
            width: 100%;
        }

        &> :last-child{
            width: 8rem;
            max-width: 50%;
        }

        p{
            font-size: .75rem;
        }
    }

    .post-navigation{
        .post-nav-link{
            width: 50%;
            gap: 0;

            &.home{
            display: none;
            }
        }
    }

    .sm-hide{
        display: none;
    }
}