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

#highProteinMobile {
    display: none;
}

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

    #highProteinDesktop {
        display: none;
    }

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

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

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

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

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