/* CSS Document */

.intro-div { 
    display: block;
    width: 100%;
    padding: 0;
    }

.nav-div-container {
    display: block;
    width: 100%;
    padding: 0 0 1em 0
    }

.nav-div {
    width: 100%; 
    padding: 0; 
    border: 0;
    margin: 0;
    }

.column-div {
    column-count: 1;  
  }

.associate-publisher-photo {
    width: 20%;
  }

/* Used to create a bordered box in a text object in the sidebar (inline editing) */
.nav-sidebar { 
    padding: 2em; 
    border: 1px solid rgba(0, 0, 0, 0.125); 
    border-radius: 0.25rem; 
    background-color: #f8f9fa;
  }

@media (min-width: 800px) {
  .nav-div-container {
      display: inline-block; 
      width: 30%;
      padding: 0;
    }

  .nav-div {
      width: 100%;
      float: right;
      vertical-align: top; 
      padding: 2em; 
      border: 1px solid rgba(0, 0, 0, 0.125); 
      border-radius: 0.25rem; 
      background-color: #f8f9fa;
      }
    
  .intro-div { 
      display: inline-block;
      vertical-align:top;
      width: 69%;
      padding: 0 2% 1em 0;
      }
    
  .column-div {
    column-count: 2;
    column-gap: 2em;
    column-rule: 1px solid black;
      }
    
    .associate-publisher-photo {
    width: 45%;
      }

  }