/********** 1-3-1 Layout@AutoDir **********/
body { 
  display: grid;
  grid-template-areas: 
    "header header header"
    "nav article ads"
    "footer footer footer";
  grid-template-rows: 25% 65% 10%;  
  grid-template-columns: 15% 1fr 0%;
  grid-row-gap: 1px;
  //grid-row-gap: 10px;
  //grid-column-gap: 10px;
  grid-column-gap: 1px;
  height: 100vh;	
  margin: 0;
  }  
 header, footer, article, nav, div {
  padding: .1em;
  //background: gray;
  }

#pageHeader {
  grid-area: header;
  }
#pageFooter {
  grid-area: footer;
  }
#mainArticle { 
  grid-area: article;  
  }
#mainNav {   
  grid-area: nav; 
  overflow: hidden;
  //overflow: scroll;
  //overflow-y: scroll;
  }

#siteAds { 
  grid-area: ads; 
  } 
/* Stack the layout on small devices/viewports. */
@media all and (max-width: 575px) {
  body { 
    grid-template-areas: 
      "header"
      "article"
      "ads"
      "nav"
      "footer";
    grid-template-rows: 80px 1fr 70px 1fr 70px;  
    grid-template-columns: 1fr;
 }
}
/********** 1-3-1 Layout **********/

/********** Nav Container **********/
.element, .outer-container {
 width: 196px;
 //height: 660px;
  height: 600px;

}
 
.outer-container {
 //border: 1px solid purple;
 position: relative;
 overflow: hidden;
}
 
.inner-container {
 position: absolute;
 left: 0;
 overflow-x: hidden;
 overflow-y: scroll;
}
 
.inner-container::-webkit-scrollbar {
 display: none;
}
/********** Nav Container **********/