html {
	    box-sizing: border-box;
	  }
	  
	  *,
	  *:before,
	  *:after {
	    box-sizing: inherit;
	  }
	  

	  body {
  /*      background-color: #FFF8DC;  cornsilk - white */
		background-color: white;
        margin: 0;
		padding: 0;
		font-size: 16px;
		line-height: 1.5;
		font-family: Georgia, Verdana, Arial, sans-serif;
      }
	  
	  p {
	    margin: 0;
	  }
	  
	  .grid_wrapper {
	    display: grid;
      }

	  .navmessage {
	    display: none;
	  }	  

	  @media (max-width: 499px)	 {
	    .grid_item:nth-child(1) {
	      height: 60vh;
	    }
		
	  }
	  
	  
/*	 
      @media (min-width: 300px)	 {
	    .grid_wrapper {
		  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
		  grid-template-rows: auto;
		  grid-template-areas: 
		  "header header header header header header"
		  "main main main main main main" 	  
		  "sidebar sidebar sidebar sidebar sidebar sidebar"
		  "sidebar2 sidebar2 sidebar2 sidebar2 sidebar2 sidebar2"
		  "footer footer footer footer footer footer"
		  ;
		  justify-items: center;
		  align-items: stretch;  
	    } 
	*/	
		
		@media (max-width: 499px)	 {
	    .grid_wrapper {
		  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
		  grid-template-rows: auto;
		  grid-template-areas: 
		  "header header header header header header"
		  "main main main main main main" 	  
		  "sidebar sidebar sidebar sidebar2 sidebar2 sidebar2"
		  "sidebar sidebar sidebar sidebar2 sidebar2 sidebar2"
		  "footer footer footer footer footer footer"
		  ;
		  justify-items: center;
		  align-items: stretch;  
		  margin-top: 5px;
		  padding-top: 5px;
	    }
		
		.navmessage {
	      display: block;
	    }
		
	    .grid_item:nth-child(2) {
		  justify-self: start;
		  align-self: start;
		}
		
	    .grid_item:nth-child(3) {
		  height: auto;    
		  width:  200px;
		  justify-self: start;
		  align-self: start;	  
		}
		  
		.grid_item:nth-child(4) {
		  height: auto;
		  width: 200px;
		  justify-self: start;
		  align-self: start;
		}  
		
		#cssmenuhor > ul {
          width: 100px; 
        } 
	  }
	  
      .grid_item {
	    width: 100%;
		height: 100%;
	  }
	  
      .grid_item:nth-child(1) {
	    grid-area: header;
        height: auto;
		justify-self: center;
		align-self: center;
		text-align: center;
		align: center;
		height: auto;
	  }
	  
	  .grid_item:nth-child(2) {
	    grid-area: main;
		padding: 1rem;
		height: auto;
	  }
	  
	  .grid_item:nth-child(3) {
	    grid-area: sidebar;
		height: auto  	
	  }  
	  
	  .grid_item:nth-child(4) {
	    grid-area: sidebar2;
		height: auto;				
	  }   
	  
	  .grid_item:nth-child(5) {
	    grid-area: footer;
		height: 5vh;
	  }  
/*
      @media (min-width: 500px)	 {
	  	.grid_wrapper {
		  grid-template-columns: 200px 1fr 1fr 1fr 1fr 1fr;
		  grid-template-areas:
		  "header header header header header header"
		  "sidebar main main main main main" 
		  "sidebar2 sidebar2 sidebar2 sidebar2 sidebar2 sidebar2"
		  "footer footer footer footer footer footer"
		  ;
		  margin: auto;
	    }
		*/
  
        @media (min-width: 500px)	 {
	  	.grid_wrapper {
		  grid-template-columns: 200px 1fr 1fr 1fr 1fr 1fr;
		  grid-template-areas:
		  "header header header header header header"
		  "main main main main main main" 
		  "sidebar sidebar sidebar sidebar2 sidebar2 sidebar2"
		  "footer footer footer footer footer footer"
		  ;
		  margin-top: 5px;
		  padding-top: 5px;
	    }		
		
	    .navmessage {
	      display: block;
	    }	
		
	    .grid_item:nth-child(3) {
		  height: auto;
		}  
		
		.grid_item:nth-child(4) {
		  height: auto;
		  width: 200px;
		  justify-self: start
		}  
	  }
	  
	  @media (min-width: 800px)	 {
	  	.grid_wrapper {
		  grid-template-columns: 200px 1fr 1fr 1fr 1fr 200px;
		  grid-template-areas:
		  "header header header header header header"
		  "sidebar main main main main sidebar2" 
		  "footer footer footer footer footer footer"
		  ;
	    }
		
		.navmessage {
	      display: none;
	    }	
		
	    .grid_item:nth-child(2) {
	    }  
		
	    .grid_item:nth-child(3) {
		  height: auto;
	    }  
	    .grid_item:nth-child(4) {
		  height: auto;
	    }  	 		
	  }
	  

	  .box1 {
	    display: inline-grid;
		justify-self: center;
		justify-content: center;
		align-items: center;
        grid-column-start: 1;
        grid-column-end: 4;
        grid-row-start: 1;
        grid-row-end: 5;
        grid-template-columns: repeat(3, 1fr); 
		grid-gap: 3px;
		height: auto;
      }
	  
	  .d {
        grid-column: 1 / 4;
        grid-row: 1;
		height: auto;
		text-align: center;
		align-items: center;
		vertical-align: center;
      }

	  .e {
        grid-column: 1 / 4;
        grid-row: 2;
		height: auto;
		text-align: center;
		align-items: center;
		vertical-align: center;
      }
	  
      .f {
        grid-column: 1 / 4 ;
        grid-row: 3; 		
/*		margin-left: 0;
		margin-right: 0;  */
		text-align: center;
		align-items: center;
		vertical-align: center;
      }


     .g {
        grid-column: 1 / 4;
        grid-row: 4;
		margin-left: 0;
		margin-right: 0;
		text-align: center;
		align-items: center;
		vertical-align: center;
      } 
	  
	  .h {
        grid-column: 1 / 4 ;
        grid-row: 5; 
		margin-left: 0;
		margin-right: 0;
		text-align: center;
		align-items: center;
		vertical-align: center;
      }
	  
	  .blankspace {
	    height: 17px;
	  }
	  
	  .box {
        background-color: Chartreuse;
  /*      color: #fff;  */
        border-radius: 5px;
        padding: 2px;
		font-family: Georgia, Verdana, Arial, sans-serif;
		margin-top: 5px;
		padding-top: 5px;
  /*    font-size: 150%; */
     }