@media (min-width : 2497px) and (max-width : 2560px){
    .toggle{
        display: none;
    }

    label{
        display: none;
    }

    #cssanchor{
        margin-right: 100px;
    }
}

@media (min-width : 1897px) and (max-width : 2496px){
    .toggle{
        display: none;
    }

    label{
        display: none;
    }

    #cssanchor{
        margin-right: 60px;
    }
}

@media (min-width : 1598px) and (max-width : 1896px){
    .toggle{
        display: none;
    }

    label{
        display: none;
    }

    #cssanchor{
        margin-right: 25px;
    }
}

@media (min-width : 1304px) and (max-width : 1597px){
    .toggle{
        display: none;
    }

    label{
        display: none;
    }

    #navbg{
        margin-top: 0px;
        height: 200px;
    }

    #logo{
        left: 43%;
        position: absolute;
    }

    #cssanchor{
        top: 100px;
        left: auto;
        right: 80px;
        margin-left: 10x;
        margin-right: 1px;
    }
}

@media (min-width : 1303px){
    .toggle{
        display: none;
    }

    label{
        display: none;
    }

    .food{
        left: 0%;
        right: 0%;
    }
}

@media (min-width : 1249px) and (max-width : 1303px){
    .toggle{
        display: none;
    }

    label{
        display: none;
    }

    #logo{
        display: block;
        margin-right: auto;
        margin-left: auto;
    }

    #navbg{
        height: 180px;
        padding-top: 2px;
        background-color: rgb(14, 175, 250);
    }

    #cssanchor{
        display: block;
        margin-left: 15px;
        margin-right: auto;
        align-items: center;
        margin-top: 5px;
        margin-bottom: 0px;
        font-size: 15px;
    }

    #andiv{
        display: flex;
        flex-direction: row-reverse;
        text-align: center;
    }

    .food{
        left: 0%;
        right: 0%;
    }
}

@media (min-width : 1125px) and (max-width : 1248px){
    .toggle{
        display: none;
    }

    label{
        display: none;
    }

    #logo{
        display: block;
        margin-right: auto;
        margin-left: auto;
    }

    #navbg{
        height: 180px;
        padding-top: 2px;
        background-color: rgb(14, 175, 250);
    }

    #cssanchor{
        display: block;
        margin-left: 1px;
        margin-right: auto;
        align-items: center;
        margin-top: 5px;
        margin-bottom: 0px;
        font-size: 15px;
    }

    #andiv{
        display: flex;
        flex-direction: row-reverse;
        text-align: center;
    }

    .textborder{
        left: 100px;
    }

    .food{
        left: 0%;
        right: 0%;
    }
}



@media (min-width : 666px) and (max-width : 1124px){
    .toggle{
        display: none;
    }

    label{
        display: none;
    }

    #logo{
        display: block;
        margin-right: auto;
        margin-left: auto;
    }

    #navbg{
        height: 690px;
        padding-top: 2px;
        background-color: rgb(14, 175, 250);
    }

    #cssanchor{
        display: block;
        margin-left: auto;
        margin-right: auto;
        align-items: center;
        margin-top: 20px;
        margin-bottom: 10px;
        font-size: 15px;
    }

    #andiv{
        display: flex;
        flex-direction: column-reverse;
        text-align: center;
    }

    .textborder{
        left: 150px;
        width: 500px;
    }

    .cssanchor{
        position: relative;
        align-self: center;
        left: -220px;
    }

    .food{
        left: 0%;
        right: 0%;
    }
}

@media (min-width : 444px) and (max-width : 665px){
    header{
        display: none;
    }

    footer{
        display: none;
        visibility: hidden;
        
    }

    .bgbright{
        top: 0px;
        height: 128vh;
    }

    .textborder{
        left: 20px;
        width: 400px;
        z-index: -1;
    }

    .text{
        font-size: 21px;
    }

    .imgcontainer{
        top: 0px;
        z-index: -1;
    }

    .slide{
        top: 0px;
        height: 227vh;
    }

    .food{
        left: 1%;
    }
}



@media (min-width : 440px) and (max-width : 443px){
    header{
        display: none;
    }

    footer{
        display: none;
        visibility: hidden;
        
    }

    .bgbright{
        top: 0px;
        height: 128vh;
    }

    .textborder{
        left: 20px;
        width: 400px;
        z-index: -1;
    }

    .text{
        font-size: 21px;
    }

    .imgcontainer{
        top: 0px;
        z-index: -1;
    }

    .slide{
        top: 0px;
        height: 239vh;
    }

    .food{
        left: 1%;
    }
}

@media (min-width : 426px) and (max-width : 439px){
    header{
        display: none;
    }

    footer{
        display: none;
        visibility: hidden;
        
    }

    .bgbright{
        top: 0px;
        height: 128vh;
    }

    .textborder{
        left: 20px;
        width: 400px;
        z-index: -1;
    }

    .text{
        font-size: 21px;
    }

    .imgcontainer{
        top: 0px;
        z-index: -1;
    }

    .slide{
        top: 0px;
        height: 239vh;
    }

    .food{
        left: 20%;
    }
}

@media (min-width : 0px) and (max-width : 425px){
    header{
        display: none;
    }

    footer{
        display: none;
    }

    .bgbright{
        top: 0px;
        height: 125vh;
    }

    .textborder{
        left: 5px;
        width: 300px;
        z-index: -1;
    }

    .text{
        font-size: 18px;
    }

    .imgcontainer{
        top: 0px;
        z-index: -1;
    }

    .slide{
        top: 0px;
        height: 239vh;
        width: 100%;
       /* opacity: 50%;*/   
    }

    .food{
        left: 10%;
    }
}