@media screen and (max-width: 767px) {

    #main-title{
        padding: 1vh;
        /* font-size: 2rem; */
        /* text-align: left; */
        transition: padding-bottom 0.3s, opacity 0.5s;
        
    }

    /* #main-desc{
        transition: opacity 0.5s;
    } */

    body{
        display: flex;
        flex-direction: column;
        /* padding: 0; */
        margin: 0;
        transition: padding-top 0.3s;
        scrollbar-width: none;
        -ms-overflow-style: none; 
    }

    #shop-ctr{
        background-color: rgba(160, 160, 161, 0.452);
        width: 60vw; 
        aspect-ratio: 1 / 1;
        align-self: center;
        cursor:pointer;
        
        transition:
            width 0.3s ease,
            transform 0.3s ease;
    }

    #shop-ctr{
        width: 80%; 
    }

    .title-text{
        /* font-weight: bold; */
        font-size:8cqi;
        
    }

    #verb-options{
        font-size: 20cqi;
        /* padding-left: 10px;
        padding-left: 10px; */

        /* padding-bottom: 10px; */
        cursor:pointer;

        margin-left: 1vw;
        margin-right: 1vw;
        /* font-size: 4.5rem; */

        border:none;
        /* border-bottom: 1px solid black; */
        padding-bottom: 2px;
        cursor:pointer;
    
    }

    .select-wrap::after {
        bottom: 10px;
    }


    /*  hide img on mobile */
    

    #flex-wrapper.moved #left-wrapper {
    /* transform: translateX(-60%); */
    /* width: 50%; */
        width: 100%;
    }

    #flex-wrapper.moved #purchase-frame {
         width: 100%;
         height: 35vh;

    }
    #flex-wrapper{
        display: flex;
        flex-direction: column;
        width: 100%;
        min-height: 50vh;
        transition: height 0.3s,  min-height 0.3s;
    }

    #flex-wrapper.moved{
        min-height: 70vh;
    }

    /* hide on mobile, override other stuff
    #large-screen{
        display: none;
    }

    #mobile-screen{
        display: block;
    } */

    
    #purchase-frame{

        /* min-height: 40vh; */
        width: 100%;
        height: 0;

        align-items: center;
        text-align: center;
        
        overflow: hidden;
        transition: width 0.3s, opacity 0.2s, height 0.3s;

        /* align-items: center; */

        font-size: 1.2rem;
        color: #9a9a9a;

        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: left;

        
        transform: translateX(100vw);
        

    }

    #purchase-frame.untranslate{
        transform: translateX(0px);
        transition: transform 0.2s;
    }

    #purchase-desc{
        overflow-x: none;
        width: 100%;    
    }

    select{
        background-color: transparent;
    }


    .mobile-header{
        background-color: rgba(132, 132, 179, 0.511);
    }

    .think-underline{
        text-decoration: underline;
    }

    .chevron{
        height: 15vw; 
    }

    #left-chev{
        left: -5%;
    }

    #right-chev{
        right: -5%;
    }

    .mobile-br{
        display:block;
    }

    #please{
        display: inline-block;
        transform: translateX(-20vw);
    }

    #for-me{
        display: inline-block;
        transform: translateX(20vw);
    }

}