/* pc */
@media only screen and (min-width: 1080px) {
    body {
        margin: 0;
    }

    .menu-text {
        background: url("/img/bos.png") no-repeat center fixed;
        background-size: 100vw 100vh;
        font-family: 'Cabin Sketch', sans-serif;
        background-position: center bottom;
        font-size: 10vh;
        text-wrap: wrap;
        color: var(--white);
        padding: 0.5em;
    }

    .order-segment {
        height: 60vh;
        padding: 4vh;
        padding-top: 8vh;
        text-decoration: none;
    }

    .food,
    .drink {
        float: left;
        height: 500px;
        width: 500px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 32px;

        color: white;
        font-family: "cabin sketch";
        font-size: 300%;
    }

    .food {
        margin-left: 10vw;
        background-color: red;
    }

    .drink {
        margin-left: 20vw;
        background-color: blue;
    }
}

/* phone */
@media only screen and (max-width: 640px) {
    body {
        margin: 0;
    }
}