@media screen and (max-width:550px) {
  #logo{width:155px;height:53px;top:0px;left:0px;background-size:100% 100%;}
  #chrono{top:30px;left:auto;right:5px;text-align:right;font-weight:bold;font-size:14px;}
    #chrono>i{font-size:0}
    #chrono>i:before{content:":";font-size:11px;display:inline-block;margin:0 3px;}
    #chrono>i:last-child{display:none;}
  #reportDate{right:5px;top:0;left:auto;width:auto;text-align:left;font-size:14px;font-weight:bold;}
    #reportDate span {display:none;}
  #map{top:55px;}
  #reportlist {top:55px;}
  #buttons li b, #buttons li:hover b, #buttons li.on b{background:#EEEEEE !important;border:1px solid #777777 !important;}
}

@media screen and (max-width:550px) and (max-height:360px) {
}