#game {
    width : 100%;
    height : 100%;
}

/* Dla mniejszych ekranów użyje mniejszego fontu  */
@media (max-device-width: 480px) {
    #game {
        font-size : 32px;
    }
}


/* Użyje większego fontu dla iPadów i innych tabletów */
@media (min-device-width: 768px) {
    #game {
        font-size : 64px;
    }
    #game-screen .game-board {
        margin : 0.75em;
    }
    .jewel-size {
        font-size : 80px;
    }
}

/* tryb pejzażowy w smartfonach */ 
@media (orientation: landscape) {
    #splash-screen,
    #main-menu {
        font-size : 1.0em;
        padding-top : 0.75em;
    }
    ul.menu li {
        display : inline-block;
        margin : 0;
    }
    ul.menu li button {
        margin : 0.5em;
        font-size : 0.5em;
    }
    .jewel-size {
        font-size : 32px;
    }
}

/* tryb pejzażowy na małym wyświetlaczu */
@media (orientation: landscape) and (max-device-width : 480px) {
    ul.menu li button {
        font-size : 0.4em;
    }
    .jewel-size {
        font-size : 24px;
    }
}

/* tryb pejzażowy w tabletach */
@media (orientation: landscape) and (min-device-width : 768px) {
    #splash-screen,
    #main-menu {
        padding-top : 1.5em;
    }
    #game-screen .game-board {
        margin : 0.25em;
    }
    .jewel-size {
        font-size : 64px;
    }
}


@media (orientation: landscape) {
    #game-screen .game-board {
        float : left;
    }
    
    #game-screen .game-info {
        width : auto;
        height : 2em;
        white-space : nowrap;
    }

    #game-screen .game-info label {
        font-size : 0.5em;
    }

    #game-screen .game-info .score {
        float : left;
        clear : both;
    }

    #game-screen .time {
        font-size : 0.5em;
        margin : 0;
        float : left;
        width : 6.5em;
        /* transformaty autorskie */
        -webkit-transform : rotate(-90deg)
                            translate(-3em, -1.75em);
        -moz-transform : rotate(-90deg)
                            translate(-3em, -1.75em);
        -ms-transform : rotate(-90deg)
                            translate(-3em, -1.75em);
        /* standardowa transformata */
        transform : rotate(-90deg)
                            translate(-3em, -1.75em);
    }
}
