@media all and (min-width:381px) and (max-width:700px){
    #container1{
        display:grid;
        grid-template-columns: repeat(1,1fr);
        grid-template-rows: repeat(6,auto);
        width:90%;
        gap:50px;
        margin:auto;
        margin-bottom:30px;
    }
    h1{
        font-family: Montserrat,sans-serif;
        font-size: 24px;
        font-weight: 300;
        line-height: 32px;
        letter-spacing: .48px;
        text-align: center;
        color: #414048;
        margin-bottom: 5px;
    }
    #body1{
        background-image: url(https://cdn.shopify.com/s/files/1/0037/7690/5283/files/vx_blog_bg.png?v=1614228988);
        width:100%;
       height:260px;
       margin-bottom: 40px;
    }
    #body1>h3{
       text-align: center;
       padding-top: 30px;
       font-family: Montserrat,sans-serif;
       color: #414042;
       font-weight: 550;
    }
    #body1>p{
        padding: 0px 0px;
        text-align: center;
        line-height: 25px;
    }
    #searchbar{
        width:60%;
        height: 25px;
        border-radius: 30px;
        margin-bottom: 20px;
    }
    #orderHead{
        flex-wrap:wrap;
        width:100%;
        height:60px;
        row-gap: 0px;
        
    }
    #orderHead>div:nth-child(1)>h4{
        width: 100%;
        justify-content: center;
        align-items: center;
        /* gap: 10px; */
        height: 0px;
        background-color:#e3d6b4;
    }
    #orderHead>div:nth-child(2)>a>h4{
        border: 0.4px solid black;
        background-color: #e78471;
        color: white;
        padding-top:-30px;
    }
    /* #nav{
        width: 100%;
        height: 52px;
        background-color: #fff;
        margin-top: 50px;
        padding-left:0px;
    }
    #nav>div{
        width: 100%;
        height: 0%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: auto;
        flex-flow:row nowrap;
    }
    #nav>div>div:nth-child(1)>div{
        visibility: visible;
    }
    #nav>div>div:nth-child(2)>div{
        visibility: hidden;
    }
    #nav>div>div>div:nth-child(2){
        visibility: hidden;
    }
    #nav>div>div>div:nth-child(3){
        visibility: hidden;
    }
    #nav>div>div>div:nth-child(4){
        visibility: visible;
    }
    #footer{
        width: 100%;
        background-color: #414042;
        color: white;
        display: grid;
    }
    #footer>div:first-child{
        display: grid;
        grid-template-columns: repeat(1,70%);
        justify-content: center;
        text-align: center;
    }
    #footer>div>div:nth-child(3)>div{
        justify-content: center;
    }
    #footer>div>div:nth-child(4)>div{
        justify-content: center;
    }
    #footer>div>div:nth-child(5)>div{
        justify-content: center;
    } */
}