#i0, #i1 { y: 110; } #i2, #i3 { y: 422; } 
@media only screen and (orientation: landscape) {
    image.btn { height: 40vh; width: 45vw; }
    #b0 { x: calc(20); y: calc(90); }
    #b1 { x: calc(50vw); y: calc(90); }
    #b2 { x: calc(20); y: calc(56vh); }
    #b3 { x: calc(50vw); y: calc(56vh); }
    #i0,#i2 { x: 30; } #i1,#i3 { x: 50vw; }
    #i0,#i1 { y: 100 } #i2,#i3 { y: 58vh; }
    #t01 { transform:translate(22vw, 29vh); }
    #t02 { transform:translate(22vw, 43vh); }
    #t11 { transform:translate(70vw, 29vh); }
    #t12 { transform:translate(70vw, 43vh); }
    #t21 { transform:translate(22vw, 72vh); }
    #t22 { transform:translate(22vw, 87vh); }
    #t31 { transform:translate(69vw, 73vh); }
    #t32 { transform:translate(69vw, 83vh); }
}
@media (min-aspect-ratio: 2/1) {
    image.btn { height: 80vh; width: 22vw; }
    #b0 { x: 2vw; y: 90; }
    #b1 { x: 26vw; y: 90; }
    #b2 { x: 51vw; y: 90; }
    #b3 { x: 76vw; y: 90; }
    #i0, #i1, #i2, #i3 { y: 90; }
    #i0 { x: 4vw; } #i1 { x: 27.5vw; }
    #i2 { x: 52.5vw; } #i3 { x: 77.5vw; }
}
@media only screen and (orientation: portrait) {
    image.btn { height: 18vh; width: 92vw; }
    image.icons { height: 17wh; width: 17vw; }
    #i0 { x: 40; y: 15vh; }
    #i1 { x: 40; y: 35vh; }
    #i2 { x: 40; y: 55vh; }
    #i3 { x: 40; y: 75vh; }
    #b0 { x: 20; y: 15vh; }
    #b1 { x: 20; y: 35vh; }
    #b2 { x: 20; y: 55vh; }
    #b3 { x: 20; y: 75vh; }
    #t01 { transform:translate(25vw, 28vh) scale(0.8); }
    #t02 { transform:translate(53vw, 28vh) scale(0.8); }
    #t11 { transform:translate(25vw, 47vh) scale(0.8); }
    #t12 { transform:translate(60vw, 47vh) scale(0.8); }
    #t21 { transform:translate(25vw, 67vh) scale(0.8); }
    #t22 { transform:translate(63.5vw, 67vh) scale(0.8); }
    #t31 { transform:translate(25vw, 85vh) scale(0.8); }
    #t32 { transform:translate(49vw, 85vh) scale(0.8); }
}