/* ==================================================================

*   Jahan Ulhaque
    https://jahanuol.github.io/snake-game-js/
    19-08-2019
*
/* ================================================================== */


/* screenwidth less than 1024px
--------------------------------------------------------------------- */
@media only screen and (min-width: 1024px) {

    .button-layout {
        width: 66%;
    }

    .middle-btn,
    .settings-btn {
        display: flex;
        justify-content: center;
        margin-left: 25%;
    }


}


/* screenwidth less than 1024px // Ipad pro
--------------------------------------------------------------------- */
@media only screen and (max-width: 1024px) {

    .button-layout {
        width: 100%;
    }

    .middle-btn,
    .settings-btn {
        display: flex;
        justify-content: center;
        margin-left: 25%;
    }
}




/* screenwidth less than 900px // Iphone X and below
/* mobile wide/smaller tablets / Ipad
--------------------------------------------------------------------- */
@media only screen and (max-width: 900px) {

    .button-layout {
        width: 100%;
    }

    .middle-btn,
    .settings-btn {
        display: flex;
        justify-content: center;
        margin-left: 25%;

    }
}


/* mobile narrow
  -------------------------------------------------------------------------- */
@media only screen and (max-width: 480px) {
    .button-layout {
        width: 100%;
    }

    .middle-btn,
    .settings-btn {
        display: flex;
        justify-content: center;
        margin-left: 0%;

    }
}