@media only screen and (max-width: 2000px){
}
@media only screen and (max-width: 1420px){
    .board{left:-100px;}
    #winners{right:-100px}
    #top .moon{width: 300px;height: 300px;margin-left: -150px;background-size: contain}
    #top .moon .change{width:260px;height: 260px;background-size: contain;left: -100px;bottom:-100px}
    #building{height: 99px;background-size:cover}
    #building .building{width:600px;background-size: contain;height:250px;margin-left:-300px;background-position: top center;background-repeat: no-repeat;overflow:visible}
    #building #go_down{bottom:10px}
    #main .bowl{width: 432px;height: 366px;}
    #dice_area{transform: scale(.75);left: 30px;top: 30px}
}
@media only screen and (max-width: 1220px){
    .board{position:static;left: 0;right:0;display: inline-block;float: none}
}
@media only screen and (max-width: 1100px){
@media only screen and (max-width: 840px){
}
@media only screen and (max-width: 680px){
    html,body{}
    #top .nav{display: none}
    #top .moon{width: 60vw;height: 60vw;margin-left:0;left: 20vw; top: 0;background-size: contain}
    #top .moon .change{width:50vw;height: 50vw;background-size: contain;left: -20vw;bottom:-20vw}
    #building{height: 15vw;background-size:cover}
    #building .building{width:100vw;background-size: contain;height:45vw;left:0;margin-left: 0;background-position: top center;background-repeat: no-repeat;overflow:visible}
    #building #go_down{bottom:60vw}
    #main .bowl{width: 90vw;height:74vw;background-size: contain}
    #main a#join{width: 50vw;background-size:50vw;background-repeat: no-repeat;height: 16vw}
    #main a#join span{background-size: 50vw;background-position: center bottom;display: none}
    #dice_area{transform: scale(.5);left:10px;top: 18px}
/*
    #dice_area{width:60vw;height: 50vw;left: 15vw;top: 12vw}
    #dice_area .dice{width:36px;height:36px;background-image: url(../images/dice_m.png)}
    #dice_area .dice#dice1{left:40px;top: 25px;}
    #dice_area .dice#dice2{left: 120px;top: 50px;}
    #dice_area .dice#dice3{left: 30px;top:  100px;}
    #dice_area .dice#dice4{left: 60px;top:70px;}
    #dice_area .dice#dice5{left: 100px;top: 0;}
    #dice_area .dice#dice6{left:140px;top:100px;}
    #dice_area .dice#dicetest{left:30px;top:100px;}
    #dice_area .dice.dot1{background-position:0 0px}
    #dice_area .dice.dot2{background-position:0 -36px}
    #dice_area .dice.dot3{background-position:0 -72px}
    #dice_area .dice.dot4{background-position:0 -108px}
    #dice_area .dice.dot5{background-position:0 -144px}
    #dice_area .dice.dot6{background-position:0 -180px}
    #dice_area .dice.dice_t{background-position:0 -216px}
    #dice_area .dice.dice_s{background-position:0 -252px}
    #dice_area .dice.dice_e{background-position:0 -290px}
    #dice_area .dice.dot6{background-position:0 -432px}
    #dice_area .dice.scrool{background-size:36px}*/
    p.userinfo,p.userinfo #user{font-size: 12px}
    .board{background: url(../images/background.png);height: auto;width: 90vw;margin: 0 auto;float: none;position: relative;left: 0;right: 0;display: block;margin-bottom: 20px}
    #winners{right: 0;float: none;}
}