.centralPane > tbody >tr {
          display:flex;
          flex-direction: column;

     }
     td.navigationBar {
          order:2;

     }

     td.navigationBar > table > tbody {
          display: flex;
          flex-direction: column;
     }
     
    
     .pageContents {
         
          order:1;
       
          width: 100vw;
     }


     .sidebar {
          order:3;            
          display: flex;
          flex-flow:  wrap;
          text-align: left;
     }

.sidebar > hr {
     display: none;
}

     .pageHeaderBar {
          display:flex;
          flex-direction: column;
          height:auto;
     }
     
     .pageBanner > tbody > tr {
          display:flex;
          width: 100vw;
          overflow-x: hidden;
          flex-wrap: nowrap;
     }

table.itemDisplayTable > tbody > tr > td.metadataFieldValue   {
     display: block;
     padding-left: 1rem;     
}

table.itemDisplayTable > tbody > tr > .metadataFieldLabel   {
     display: block;
     text-align: left;    
}

th#s1, th#s2, th#s3, th#s4   {
     display: none;
}

.sidebar h3, .sidebar h4 {
     width: 100vw;
}

a.view {
   display: inline-block;
   max-width: 10em;
   word-wrap: break-word;
}