@media (max-width: 880px) {
    .centered-top
    {
        padding: 4rem 4rem 4rem 4rem;
    }

    .centered-main
    {
        flex-direction: column;
    }

    .centered-main
    {
        flex-direction: column;
    }

    .main-post
    {
        padding: 4rem 4rem 4rem 4rem;
        order: 2;
    }

    .main-image {
        width: 100%;
        height: 18rem;
        overflow: hidden;
        order: 1;
    }

    .main-image img {
        height: auto;
        width: 100%;
    }
}

@media (max-width: 480px) {
    .centered-top
    {
        padding: 4rem 4rem 4rem 4rem;
    }

    .centered-main
    {
        flex-direction: column;
    }

    .centered-main
    {
        flex-direction: column;
    }

    .main-post
    {
        padding: 4rem 4rem 4rem 4rem;
        order: 2;
    }

    .main-image {
        width: 100%;
        height: 18rem;
        overflow: hidden;
        order: 1;
    }

    .main-image img {
        height: auto;
        width: 100%;
    }
}