@media all and (max-width: 800px) {
          #page_wrapper{
                    margin: -200px 10px 0 10px;
          }
}

/* MEDIA  QUERIES */
@media all and (max-width: 680px) {

          .container_30, .container_70 {
                    float: none;
                    width: 100% !important;
          }

          .game_wrapper_top{
                    float: none;
                    width: 100%;
                    margin: 20px 0;
                    height: auto;
          }

          .anim{
                    display: none;
          }

}

@media all and (max-width: 500px) {

          #top_bar{
                    display: none
          }

          footer a{
                    text-align: center;
                    display: block;
                    margin-bottom: 15px;
          }



}

@media all and (max-width: 400px) {
          .sub_menu_wrapper img{
                    width: 100%;
                    display: block;
                    margin: 5px 0;
          }
}