/* Keep tablet decorations below the stacked navigation and badge. */
@media screen and (min-width: 744px) and (max-width: 1099px) {
    .footer .footer-nav-wrap {
        padding-bottom: 0;
    }

    .footer .footer-tree {
        position: static;
        order: 1;
        align-self: flex-start;
        margin-left: 13%;
    }

    /* Only the decorative tree overlaps the wave, never the navigation. */
    .footer .footer-wave {
        margin-top: -6rem;
    }
}