@media screen and (max-height:700px) {
  #coords {
    display:none;
  }
}


@media screen and (max-width:900px) {
  #time {
    padding-right:50px;
  }
      #datetime {
        font-size:16px;
      }
          #datetime big {
            display:none;
          }
          #datetime small {
            display:inline-block;
          }
      #chrono + td {
        padding: 0 3px;
      }
      #replay svg {
        transform:scale(1, 1);
        margin-left:0px;
        margin-right:0px;
      }

  #bt_fullscreen,
  #bt_refresh {
    right: 15px !important;
  }

  #timeline b {
    height: 25px;
    margin-left: -13px;
    top: 1px;
    width: 25px;
  }
  #timeline b > sub {
    height: 25px;
    width: 25px;
  }    
  
  #coords {
    display:none;
  }
}


@media screen and (max-width:650px) {
  #reportList>div sup .rank dd {
    display:none;
  }
}


@media screen and (max-width:500px) {
  #datetime {
    font-size:14px;
  }
  #chrono + td {
    display:none !important;
  }
  #replay {
    display:none !important;
  }
  
  #credits {
    font-size: 12px;
  }
    #refresh.on:before {
      font-size:12px;
      padding:0.1ex 0.3ex;
      margin-right:3px;
      transform:translateY(40%);
    }
  
  #leafletcredits {
    white-space:normal !important;
    left:0 !important;
    right:0 !important;
    transform:none !important;
    text-align:center;
  }
  #navionicscredits {
    bottom:135px !important;
  }

  #nextreportchrono {
    font-size:12px;
  }
  
  #weather {
    left:auto !important;
    right:0 !important;
    transform:none !important;
  }
  #weather section {
    width:200px;
  }
  #weather section::after {
    display:none;
  }
  #weather section>b {
    display:none;
  }
  
}