a, a:visited, a:hover, a:active {
          color: #000000;
          text-decoration: underline;
      }
      html, 
      body {margin: 0; padding: 0; 
                  height: 100%; width: 100%; 
                  /* display: flex; justify-content: center; */
                  font-family: "acumin-pro", sans-serif;
                  font-weight: 400;
                  font-style: normal;
      }
      h1{
        max-width: 50%;
        font-size: 1.5rem;
        font-weight: 100;
        text-align: left;
        padding: 10px; 
        margin-bottom: 2rem;

        /* border: 1px solid #ccc; */
      }

      h2{
        font-size: 0.8rem;
        line-height: 120%;
        font-weight: 400;
        text-align: left;
        padding: 0; 
        margin: 0;
      }

      p{
        font-size: 1.2rem;
        text-align: left;
        padding: 5px; 
        margin: 0;
      }
      .intro{
        display: flex;           
        justify-content: center;  
        align-items: center;      
        height: 100%;        
        width: 100%;  
        /*
        border: 1px solid #ccc;
        background-color: #f0f0f0;   
        */
      }

      .intro-text{
        max-width: 30%;
        text-align: left;
        padding: 5px; 
        margin: 0;    
      } 

      .row {
         display: flex;
         min-height: 100vh;
      }

      .colR {
        flex: 80%;
        padding: 10px;
      }

      .colL {
        flex: 20%;
        padding: 10px;
      }

      .colYear {
        padding-left: 10px;
        /* border: 1px solid #ccc;
        background-color: #f0f0f0;   */
      }

      .colStory {
        padding: 0;
        /* border: 1px solid #ccc;
        background-color: red;  */
      }

      .rowIndex {
         display: flex;
      }

      .colStory {
        flex: 60%;
        padding: 10px;
      }

      .storybox{
        display: flex;           
        justify-content: center;     
        height: 100%;        
        width: 70%;  
        border: 1px solid #ccc;
        background-color: #f0f0f0;  
      }

      .story{
        text-align: left;
        padding: 5px; 
        margin: 0; 
      }

    h3{
        font-family: "kepler-std-condensed-display", serif;
        font-weight: 400;
        font-style: normal;
        font-size: 3.2rem;
        line-height: 90%;
        text-align: left;
        padding: 10px; 
        margin: 0;
      }

    .body{
        font-family: "kepler-std", serif;
        font-weight: 400;
        font-style: normal;
        font-size: 1rem;
        line-height: 100%;
        text-align: left;
        padding: 10px; 
        margin: 0;
      }

     .dek{
        font-family: Helvetica, sans-serif;
        font-weight: 100;
        font-style: italic;
        font-size: 1.2rem;
        line-height: 120%;
        text-align: left;
        padding: 10px; 
        margin: 0;
      }

      .byline{
        font-family: Helvetica, sans-serif;
        font-weight: 400;
        font-style: regular;
        font-size: 1rem;
        line-height: 120%;
        text-align: left;
        padding: 10px; 
        margin: 0;
      }

      .image{
        display: flex; 
        justify-content: center;
        padding: 10px;
        margin: 5;
      }