@media all and (min-width: 601px) and (max-width: 1400px) {
    .breakfastbox, .ssbox,.teabox, .coffeebox {
        display: block;
        align-items: center;
        justify-content: center;
        width: 100%;
        margin-left: 0%;
        margin-right: 0%;
    }

    .sandwichbox, .teabox, .coffeebox{
        margin-top: 30px;
    }

    .itemtitle{
        width: 93%;
    }

    .itemprice{
        width: 7%;
    }
}

@media all and (min-width: 1px) and (max-width: 700px) {
    .drinksdivider{
        width: 80%;
    }
    .coffeeprice1{
        margin-right: 2px;
    }
}

@media all and (min-width: 401px) and (max-width: 600px) {
    .breakfastbox, .ssbox,.teabox, .coffeebox {
        display: block;
        align-items: center;
        justify-content: center;
        width: 100%;
        margin-left: 0%;
        margin-right: 0%;
    }

    .sandwichbox, .teabox, .coffeebox{
        margin-top: 30px;
    }

    .itemtitle{
        width: 90%;
    }

    .itemprice{
        width: 10%;
    }

    .coffeetitle{
        width: 80%;
    }
}

@media all and (min-width: 100px) and (max-width: 400px) {
    .breakfastbox, .ssbox, .teabox, .coffeebox {
        display: block;
        align-items: center;
        justify-content: center;
        width: 100%;
        margin-left: 0%;
        margin-right: 0%;
    }

    .sandwichbox, .teabox, .coffeebox{
        margin-top: 30px;
    }

    .itemtitle{
        width: 85%;
    }

    .itemprice{
        width: 15%;
    }

    .coffeetitle{
        width: 80%;
    }

    .drinktitle{
        width: 80%;
    }

    .teadrinktitle{
        width: 80%;
    }

}


@media all and (min-width: 441px) {
    .slideshow .menutitle{
        font-size: 145px;
        top: 0px;
      }
}


@media all and (min-width: 321px) and (max-width: 440px) {
    .menuslideshow .menutitle{
        font-size: 100px;
        top: 60px;
      }
}

@media all and (min-width: 1px) and (max-width: 320px) {
    .menuslideshow .menutitle{
        font-size: 80px;
        top: 90px;
    }
}

/*  Created, Managed, and Owned by Gabrielius Gintalas */