* {
          margin: .5rem 1.5rem .5rem 1.5rem;
          box-sizing: border-box;
          }     
          body {
          margin: .5rem .5rem .5 rem .5rem;
          }            
          div {
          margin: .5rem .5rem .5rem .5rem;
	  }
 
          nav {
            border-bottom: 4px double black;
            border-top: 4px double black;
            margin-top: 1.5rem;
            padding: .75rem 0;
            }
          nav a {
            display: inline-block;
            padding-right: 1rem;
            text-decoration: none;
	    font-size: 1.3rem;
	    font-family: "Baskervville SC", Verdana, serif;
            }

	   .baskervville-regular {
  	   font-family: "Baskervville", serif;
  	   font-weight: 400;
 	   font-style: normal;
	   }

	 .baskervville-sc-regular {
  	  font-family: "Baskervville SC", serif;
 	  font-weight: 400;
 	  font-style: normal;
	} 

/* <uniquifier>: Use a unique and descriptive class name */
/* <weight>: Use a value from 100 to 400                 */

	.playwrite-au-qld-1 {
  	  font-family: "Playwrite AU QLD", serif;
  	  font-optical-sizing: auto;
 	  font-weight: 400;
 	  font-style: normal;
	}

	  h1 {
		font-size: 1.4rem;
		color: royalblue;
		
	}
	  h2 {
		font-size: 1.3rem;
		font-family: "Baskervville SC", Verdana, serif;

	}
	  h3 {
		font-size: 2rem;
		color: royalblue;
		font-family: "Baskervville SC", Verdana, serif;

	}

	  p  {
		font-size: 1.2rem;
		font-family: "Baskervville", Verdana, serif;
	}
	  ul {
		font-size: 1.2rem;
		font-family: "Baskervville", Verdana, serif;
	}

	  table.docs1 {
		font-size: 1.2rem;
		font-family: "Baskervville", Verdana, serif;
		border-collapse: collapse;
	}

	  th, td {
		border: 2px solid crimson;
		text-align: center;
		vertical-align: center;
		padding: 5px;
	}		
	
	 table.docs2 {
		font-size: 1.2rem;
		font-family: "Baskervville", Verdana, serif;
		border-collapse: collapse;
	}

	  th.docs2, td.docs2 {
		border: 2px solid crimson;
		text-align: left;
		vertical-align: center;
		padding: 5px;
	}		



            .container {
                border: 5px double black;
                display: grid;
		grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
		grid-template-rows: auto auto auto auto auto auto auto;
         }
	
            .item {
	  		
   	}

            .item1 {
                background-color: lightsteelblue;
		text-align: center;
		grid-column-start: 1;
		grid-column-end: 4;
	 	grid-row-start: 1;
	}
            .item2 {
                background-color: aquamarine;
	       	text-align: center;
		grid-column-start: 1;
		grid-column-end: 4;
	 	grid-row-start: 2;
	}
             .item3 {
                background-color: darkkhaki;
                text-align: center;
		grid-column-start: 1;
		grid-column-end: 2;
	 	grid-row-start: 3;
        }

 	    .item3a {
                background-color: darkkhaki;
                text-align: center;
		grid-column-start: 2;
		grid-column-end: 3;
	 	grid-row-start: 3;
        }

	    .item3b {
                background-color: darkkhaki;
                text-align: center;
		grid-column-start: 3;
		grid-column-end: 4;
	 	grid-row-start: 3;
        }

            .item4 {
                background-color: navajowhite;
		text-align: center;
		grid-column-start: 1;
		grid-column-end: 4;
	 	grid-row-start: 4;  		
        }
            .item5 {
                background: linear-gradient(330deg, tomato, 50%, mistyrose);
                text-align: left;
		grid-column-start: 1;
		grid-column-end: 4;
	 	grid-row-start: 5;

        }
            .item6 {
                background: linear-gradient(30deg, silver, 40%, whitesmoke);
                text-align: left;
		grid-column-start: 1;
		grid-column-end: 3;
	 	grid-row-start: 6;
		
        }

 	     .item6a {
                background: linear-gradient(30deg, silver, 40%, whitesmoke);
                text-align: left;
		grid-column-start: 3;
		grid-column-end: 4;
	 	grid-row-start: 6;
		
        }

           .item7 {
                background-color: palegoldenrod;
                text-align: left;
		grid-column-start: 1;
		grid-column-end: 2;
	 	grid-row-start: 7;
		/*grid-row-end: 8;*/
       }

	   .item8 {
                background-color: palegoldenrod;
                text-align: left;
		grid-column-start: 2;
		grid-column-end: 3;
	 	grid-row-start: 7;
		/*grid-row-end: 8;*/
	}

 	  .item9 {
                background-color: palegoldenrod;
                text-align: left;
		grid-column-start: 3;
		grid-column-end: 4;
	 	grid-row-start: 7;
		/*grid-row-end: 8;*/
	}

	 /*.item10 {
                background-color: palegoldenrod;
                text-align: left;
		grid-column-start: 4;
		grid-column-end: 5;
	 	grid-row-start: 7;
		/*grid-row-end: 8;*/
	}*/