@media screen and (max-width:900px) {
  #logo {
    height:60px;
  }
  #subtitle {
    font-size:26px;
    height:23px;
    line-height:23px;
  }
  #startDate,
  #reportDate {
    font-size:22px;
    height:30px;
    line-height:30px;
  }
  #frequency {
    font-size:12px;
    height:18px;
    line-height:18px;
    display:none;
  }
  #credits {
    font-size:12px;
  }

}



@media screen and (max-width:500px) {
  #header {
    padding-bottom:0px;
  }
  #logo {
    height:45px;
  }
  #subtitle {
    font-size:23px;
    height:20px;
    line-height:20px;
  }
  #legtitle {
    font-size:16px;
    line-height:16px;
  }
  #startDate,
  #reportDate {
    font-size:16px;
    line-height:24px;
    height:24px;
  }
  #frequency sub {
    display:none;
  }
  #frequency sub+sup:before {
    display:none;
  }
  
}



@media screen and (max-width:425px), screen and (max-height:510px) {
  #logo {
    height: 35px;
  }

  #subtitle {
    font-size: 18px;
    height: 16px;
    line-height: 16px;
  }

  #legtitle {
    font-size: 14px;
    line-height: 14px;
  }

  #startDate,
  #reportDate {
    line-height: 20px;
    height: 20px;
    padding-top: 0px;
  }

    #startDate big,
    #reportDate big {
      display: none;
    }

    #startDate small,
    #reportDate small {
      display: block;
    }

  #frequency {
    *height: 13px;
    *line-height: 13px;
  }

  #credits {
    font-size: 11px;
  }
}