/* -------------- BLOCK MOVERS -------------------*/

#blockmover {display: table; width: 100%; }

#block-1 {display: table-header-group;   } /* Menu is displayed in the top */
#block-2 {display: table-row-group; } /* Settings + logo displayed on middle */
#block-3 {display: table-footer-group;   } /* Play area on the bottom */



/* -------------- MEDIA QUERIES ------------------*/

/* One column */

@media all and (min-width:1px) and (max-width: 900px)  and (orientation:landscape) {
    /* iPhone5, Sony Experia landscape */
    /* iPhone and Sony Experia are over 301*/
    
    #block-1 {display: table-footer-group; height: auto; } 
    #block-2 {display: table-row-group; width:96%; height: auto; } 
    #block-3 {display: table-header-group; height: auto; }

    }



@media all and (min-width:1px) and (max-width: 700px) and (orientation:portrait) {
    /* iPhone5, Sony Experia portrait */
    /* iphone and Sony Experia are over 301*/
    
    /* Block movement is used */
    #block-1 {display: table-footer-group; height: auto; } 
    #block-2 {display: table-row-group; width:96%; height: auto; } 
    #block-3 {display: table-header-group; height: auto; }

 }