@media only screen and (max-width: 25.5em) {
  body { font-size: 80%; } }
@media only screen and (min-width: 25.51em) and (max-width: 26em) {
  body { font-size: 81%; } }
@media only screen and (min-width: 26.01em) and (max-width: 26.5em) {
  body { font-size: 83%; } }
@media only screen and (min-width: 26.51em) and (max-width: 27em) {
  body { font-size: 84%; } }
@media only screen and (min-width: 27.01em) and (max-width: 27.5em) {
  body { font-size: 86%; } }
@media only screen and (min-width: 27.51em) and (max-width: 28em) {
  body { font-size: 88%; } }
@media only screen and (min-width: 28.01em) and (max-width: 28.5em) {
  body { font-size: 89%; } }
@media only screen and (min-width: 28.51em) and (max-width: 29em) {
  body { font-size: 91%; } }
@media only screen and (min-width: 29.01em) and (max-width: 29.5em) {
  body { font-size: 92%; } }
@media only screen and (min-width: 29.51em) and (max-width: 30em) {
  body { font-size: 94%; } }
@media only screen and (min-width: 30.01em) and (max-width: 30.5em) {
  body { font-size: 96%; } }
@media only screen and (min-width: 30.51em) and (max-width: 31em) {
  body { font-size: 97%; } }
@media only screen and (min-width: 31.01em) and (max-width: 32em) {
  body { font-size: 99%; } }
@media only screen and (min-width: 32.01em) and (max-width: 33em) {
  body { font-size: 102%; } }
@media only screen and (min-width: 33.01em) and (max-width: 34em) {
  body { font-size: 105%; } }
@media only screen and (min-width: 34.01em) and (max-width: 35em) {
  body { font-size: 108%; } }
@media only screen and (min-width: 35.01em) and (max-width: 36em) {
  body { font-size: 112%; } }
@media only screen and (min-width: 36.01em) and (max-width: 37em) {
  body { font-size: 115%; } }
@media only screen and (min-width: 37.01em) and (max-width: 38em) {
  body { font-size: 118%; } }
@media only screen and (min-width: 38.01em) and (max-width: 39em) {
  body { font-size: 121%; } }
@media only screen and (min-width: 39.01em) and (max-width: 40em) {
  body { font-size: 124%; } }
@media only screen and (min-width: 40.01em) and (max-width: 42em) {
  body { font-size: 128%; } }
@media only screen and (min-width: 42.01em) and (max-width: 44em) {
  body { font-size: 134%; } }
@media only screen and (min-width: 44.01em) and (max-width: 46em) {
  body { font-size: 140%; } }
@media only screen and (min-width: 46.01em) and (max-width: 48em) {
  body { font-size: 147%; } }
@media only screen and (min-width: 48.01em) and (max-width: 50em) {
  body { font-size: 153%; } }
@media only screen and (min-width: 50.01em) and (max-width: 52em) {
  body { font-size: 160%; } }
@media only screen and (min-width: 52.01em) and (max-width: 54em) {
  body { font-size: 166%; } }
@media only screen and (min-width: 54.01em) and (max-width: 56em) {
  body { font-size: 172%; } }
@media only screen and (min-width: 56.01em) and (max-width: 58em) {
  body { font-size: 179%; } }
@media only screen and (min-width: 58.01em) and (max-width: 60em) {
  body { font-size: 185%; } }
@media only screen and (min-width: 60.01em) and (max-width: 62em) {
  body { font-size: 192%; } }
@media only screen and (min-width: 62.01em) {
  body { font-size: 198%; } }

@media screen {
  body {
    background-color: #fffff0;
    width: 96%;
    margin-left: 2%;
    margin-right: 2%;
    font-family: sans-serif;
    float: none;
    }

  div.home {
    position: sticky;
    top: 0;
    background-color: #fffff0;
    padding-bottom: 0.2em;
    }

  div.program {
    column-count: 1;
    }

  div.intact {
    page-break-inside: avoid;
    }

  div.donor {
    column-count: 3;
    column-fill: balance;
    column-gap: 5%;
    column-rule-style: none;
    }

  p.top_tick, p.bottom_tick {
    display: none;
    }

  div.second {
    display: none;
    }

  p.DATE {
    margin-top: 1em;
    margin-bottom: 0em;
    }
  p.VENUE {
    font-size:200%; 
    font-weight: bold;
    margin-left: 0;
    margin-top: 0.2em;
    margin-bottom: 0em;
    }
  p.LEAD {
    font-size: 100%;
    line-height: 0;
    margin-top: 0;
    margin-bottom: 0;
    height: 0.5em;
    }
  table {
    width: 100%;
    }
  table.PA {
    max-width: 30em;
    }

  td.LEFT {
    margin-top: 0em;
    margin-bottom: 0em;
    vertical-align: top;
    }
  td.RIGHT {
    margin-top: 0em;
    margin-bottom: 0em;
    vertical-align: top;
    }
  p.PIECE,p.EPIECE,p.PIECE_2,p.COMPOSER,p.ECOMPOSER,p.COMPOSER_2,
  p.INTERMISSION {
    font-size: 100%;
    font-weight: bold;
    margin-top: 0em;
    margin-bottom: 0em;
    vertical-align: top;
    page-break-inside: avoid;
    }

  p.PIECE,p.PIECE_2 {
    text-indent: -1em;
    padding-left: 1em;
    }
  p.PIECE_2 {
    font-size: 80%;
    margin-left: 2em;
    }
  p.COMPOSER,p.ECOMPOSER,p.COMPOSER_2 {
    text-align: right;
    }
  p.COMPOSER_2 {
    font-size: 80%;
    }
  p.YEARS,p.EYEARS,p.YEARS_2 {
    text-align:right;
    margin-top: 0em;
    margin-bottom: 0em;
    page-break-inside: avoid;
    }
  p.EPIECE,p.ECOMPOSER,p.EYEARS {
    color: #c00000;
    }

  p.YEARS_2 {
    font-size: 80%;
    }
  p.MOVEMENT,p.MOVEMENT_2 {
    margin-top: 0em;
    margin-bottom: 0em;
    text-indent: -1em;
    padding-left: 1em;
    page-break-inside: avoid;
    }
  p.MOVEMENT_2 {
    font-size: 80%;
    margin-left: 2em;
    }
  span.MOVEMENT {
    font-weight: normal;
    }
  p.EMOVEMENT,p.XMOVEMENT,p.XMOVEMENT_2 {
    color: #c00000;
    margin-top: 0em;
    margin-bottom: 0em;
    text-indent: -1em;
    padding-left: 1em;
    page-break-inside: avoid;
    }
  p.DURATION {
    color: #c00000;
    font-size: 90%;
    text-align:center;
    margin-top: 0.0em;
    margin-bottom: 0em;
    page-break-inside: avoid;
    }
  p.MUSICIANS,p.MUSICIANS_2 {
    font-size: 90%;
    text-align:center;
    margin-top: 0.0em;
    margin-bottom: 0em;
    page-break-inside: avoid;
    }
  p.EMUSICIANS,p.EMUSICIANS_2 {
    font-size: 90%;
    text-align:center;
    margin-top: 0.0em;
    margin-bottom: 0em;
    color: #c00000;
    page-break-inside: avoid;
    }
  p.SEPARATOR,p.SEPARATOR_2,p.SEPARATOR_0 {
    font-size: 100%;
    position: left;
    width: 100%;
    padding-top: 0;
    margin-top: 1.5em;
    margin-bottom: 0;
    }
  p.SEPARATOR_2 {
    margin-top: 0.5em;
    }
  p.SPONSOR {
    font-size: 100%;
    font-weight: bold;
    text-align: left;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    page-break-inside: avoid;
    }
  p.END_SPONSOR {
    font-size: 100%;
    font-weight: bold;
    text-align: left;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    page-break-inside: avoid;
    }
  p.PAGE_BREAK {
    margin-bottom: 1em;
    }
  footer.CREDIT {
    text-align: center;
    }
  p.CREDIT {
    margin-top: 0.5em;
    margin-bottom: 0;
    text-align: center;
    font-size: 60%;
    }
  p.BIOGRAPHY, p.BIOGRAPHY_8_5 {
    text-align: justify;
    margin-top: 0.25em;
    margin-bottom: 0.25em;
    margin-left:   0;
    margin-right:  0;
    padding:       0;
    page-break-inside: avoid;
    orphans: 2; 
    widows: 2 
  }
  p.INTERMISSION {
    text-align: left;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0.25em;
    margin-bottom: 0.25em;
    }
  p.DONOR_HEADING {
    text-align: left;
    font-size: 120%;
    font-weight: bold;
    margin-top: 0.0em;
    margin-bottom: 0.0em;
    }
  p.DONOR_SUBHEAD {
    text-align: left;
    font-size: 80%;
    margin-top: 0.2em;
    margin-bottom: 0.5em;
    }
  p.DONOR_LEVEL {
    font-size: 70%;
    margin-top: 1em;
    margin-bottom: 0.2em;
    }
  p.DONOR_NAME {
    font-weight: normal;
    text-align: left;
    font-size: 80%;
    margin-left: 2em;
    text-indent: -2em;
    margin-top: 0.0em;
    margin-bottom: 0.0em;
    page-break-inside: avoid;
    }
  p.BODY_TEXT {
    font-size: 60%;
    width: 30em;
    }
  p.PA {
    max-width: 30em;
    }
  p.home {
    max-width: 50em;
    margin-left: 0em;
    margin-top: 0.5em;
    margin-right: 0em;
    margin-bottom: 0.2em;
    font-size: 100%;
    font-family: sans-serif;
    font-weight: 560;
    }

  p.notice {
    color: #c00000;
    margin-left: 0em;
    margin-top: 0.5em;
    margin-right: 0em;
    margin-bottom: 0.2em;
    font-size: 100%;
    font-family: sans-serif;
    font-weight: 560;
    }

  table.PIECE {
    width: 100%;
    scroll-margin-top: 2em;
    }
  td.PIECE,td.PIECE_2 {
    vertical-align: top;
    }
  td.COMPOSER {
    vertical-align: top;
    }
  td.PIECE {
    vertical-align: top;
    }



  li {
    max-width: 100%;
    scroll-margin-top: 3em;
    }
  ul.zero {
    list-style-type: none;
    margin-top: 0.5em;
    }
  ul.bare {
    list-style-type: none;
    }
  ul.composer {
    list-style-type: none;
    }
  li.composer {
    margin-top: 0.75em;
    text-indent: -1em;
    scroll-margin-top: 2em;
    }
  ul.piece {
    list-style-type: none;
    }
  li.piece {
    margin-top: 0.35em;
    scroll-margin-top: 2em;
    }
  ul.movement {
    list-style-type: none;
    }
  li.movement {
    }
  ul.venue {
    list-style-type: none;
    }
  li.venue {
    }
  ul.artist {
    list-style-type: none;
    margin-top: 0.5em;
    }
  li.artist {
    margin-top: 0.5em;
    scroll-margin-top: 2em;
    }



  .style { 
    padding-bottom: 0em; 
    padding-top: 0em;
    margin-top: 0em; 
    margin-bottom: 0em; 
    }
  h1.style { padding-left: 0em; line-height: 1em; }
  h2.style { padding-left: 04%; line-height: 1em; }
  h3.style { padding-left: 08%; line-height: 1em; }
  p.style {  padding-left: 12%; line-height: 1em;
    font-size: 1em }

  img {
    display: none;
    }  

  img.thumb,
  img.thumb_0_8,
  img.thumb_0_9,
  img.thumb_1,
  img.thumb_1_1,
  img.thumb_1_2,
  img.thumb_1_25,
  img.thumb_1_4,
  img.thumb_1_6,
  img.thumb_1_7,
  img.thumb_1_8,
  img.thumb_1_9,
  img.thumb_2_5,
  img.thumb_5_0 {
    display: block;
    float: left;
    margin-right: 0.5em;
    width: 8em;
    }

  img.thumb_5_0 {
    width: 100%;
    }

  img.web {
    display: block;
    width: 30em;
    }


  img.logo {
    display: block;
    width: 87px;
    width: 5em;
    }

  p.logo {
    width: 30em;
    }

  span.red {
      color: #c00000;
      }

  hr {
    color: black;
    background-color: white;
    border-style: solid;
    margin-top: 0;
    margin-bottom: 0.5em;
    }

  img.logo_program {
    display: none;
    }
  
  img.QR {
    display: none;
    }

  div.QR {
    display: none;
    }

  }