 :root {
   --page-list-separate: 6;
   --page-list-height: 12.5em;
   --page-list-width: 80vw;
 }
/*
   .container {
            max-width: none;
   }
*/
.container {
  max-width: var(--page-list-width);
}
.col-page {
  max-width: var(--page-list-width);
}
.col-page-side {
  width: 0;
}

.left-box {
  margin-left: 0;
}

.two-two {
 	width: calc((var(--page-list-width) - 10vw) / var(--page-list-separate)); /* */
	height: var(--page-list-height);
  	margin: 0 0 0 0 ;
}
.two-two .icon {
    padding-top: 0px;
}
.two-two .title {
	height: 0px;
}
.page-list .grid li {
 	width: calc( var(--page-list-width) / var(--page-list-separate)); /* */
  	height: var(--page-list-height);
  	margin: 0 0 0 0 ;
} 
.related-page-list .grid li.page-list-item,
.related-page-list .grid li.relation-label,
.related-page-list .grid li.ellipsis
 {
 	width: calc((var(--page-list-width) - 10vw) / var(--page-list-separate)); /* */
  	height: var(--page-list-height);
  	margin: 0 0 0 0 ;
}
.related-page-list 
.grid li.page-list-item a .header{
	border:  ;
     border-radius: 0px ;
     box-shadow: 0px 0px 0px 0px #000000 ;
  	margin: 0 0 0 0 ;
}
  .grid li.page-list-item a:hover {
     border-radius: 0px ;
     box-shadow: 0px 0px 0px 0px #000000 ;
   }