/* --------------------------------------------------
   Legacy file
   See LEGACY-FILES.md for details
   -------------------------------------------------- */

#lowCalorieMobile {
    display: none;
}

@media (max-width: 1000px) {
    body {
        background: #48321E;
    }

    #lowCalorieDesktop {
        display: none;
    }

    #lowCalorieMobile {
        display: block;
        background: #48321E;
    }

    #lowCalorieMobileTop {
        max-width: 387px;
        margin: 0 auto 95px auto;
        position: relative;
    }

    #lowCalorieMobileTopText {
        width: calc(100% - 10%);
        height: 100%;
        object-fit: contain;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: 0;
    }

    #lowCalorieMobileBottom {
        max-width: 306px;
        margin: 0 auto;
        padding: 0 20px 40px 20px;
    }

    #lowCalorieMobileOrder {
        max-width: 306px;
        margin: 40px auto 0 auto;
    }
}