* {  box-sizing: border-box; 
  } 

html {  
	font-family: Helvetica;  
	font-size: 100%;  
	background-color:lightgray;  
	
	} 



 header,section,.a {  
	background-color: lightgray; 
	} 

header > h1{
text-align: center;	
font-size: xx-larges;
}
header {  
	display: grid;  
	grid-template-columns: 1fr 1fr ;  
	grid-template-rows: 1fr ;  
	height: 85vh;  
	grid-gap: 35px;
	margin-left: 20%; 
	margin-right: 20%;
	height: 95vh;
	} 

header>article:nth-child(1) {  
	grid-row: 1 / 1;  
	grid-column: 1 / 1;  
	background-color: lightgray; 
	
	} 



header> article:nth-child(2) {  
	grid-row: 1 /2;  
	grid-column: 2/2; 
	

	} 


	header>  article:nth-child(2)>p
	{font-size: xx-large;
	font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;}
	
	.a {  
		display: grid;  
		grid-template-columns: 1fr 1fr ;  
		grid-template-rows: 1fr ;  
		height: 40vh;  
		grid-gap: 35px; 
		font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
		} 
		.a>article:nth-child(1) {  
			grid-row: 1 / 1;  
			grid-column: 1 / 1;  
			background-color: lightgray; 
			margin-left: 260px;
			text-align: center;
			font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
			

			} 
		
		
		
		.a> article:nth-child(2) {  
			grid-row: 1 /2;  
			grid-column: 2/2; 
			margin-right: 400px;
			font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
		
			} 
			.a> article:nth-child(2)>P {  
				text-align: center;
				margin-right: 200px;}

				.b {  
					display: grid;  
					grid-template-columns: 1fr  1fr 1fr 1fr 1fr 1fr   ;  
				  
					height: vh;  
					grid-gap: 35px; 
					} 
				.b>article:nth-child(1)>h1,h2,h3,h4
				{font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;}





				.c {  
					display: grid;  
					grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr ;  
					grid-template-rows:  1fr 1fr 1fr 1fr 1fr 1fr ;  
					height: 80vh;  
					
					} 


					.c> article:nth-child(1)>h1
					{text-align: center;
					font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;}
 
                  
					.c> article:nth-child(1)
					{ 
						grid-row: 1 / 1;  
						
			     grid-column: 3/ 6 ;
				text-align: center; }
				 .c> article:nth-child(2)
				 {
					border: 2px solid #000; 
					border-radius: 30px;
					padding: 10px;
					grid-row: 2 / 2;  
				text-align: center;
			  grid-column: 2/ 2 }
			  .c> article:nth-child(3)
			  {
				border: 2px solid #000; 
				border-radius: 30px;
				padding: 10px;
				grid-row: 3 / 3;  
			text-align: center;
		  grid-column: 3/ 3 }

		  .c> article:nth-child(4)
		  {
			 border: 2px solid #000; 
			 border-radius: 30px;
			 padding: 10px;
			 grid-row: 2 / 2;  
		 text-align: center;
	   grid-column: 4/ 4 }
	   .c> article:nth-child(5)
	   {
		 border: 2px solid #000; 
		 border-radius: 30px;
		 padding: 10px;
		 grid-row: 3 / 3;  
	 text-align: center;
   grid-column: 5/ 5 }
   .c> article:nth-child(6)
   {
	  border: 2px solid #000; 
	  border-radius: 30px;
	  padding: 10px;
	  grid-row: 2 / 2;  
  text-align: center;
grid-column: 6/ 6 }

.d {  
	display: grid;  
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr  ;  
	grid-template-rows:  1fr 1fr 1fr 1fr  ;  
	height: 0vh;  
	grid-gap: 35px;
	margin-top: 8%; 
	} 
	.d>article:nth-child(1){
	grid-row: 1 /1;  
	grid-column: 3/3; 
text-align: center;
font-family: monospace;
font-size: large;}
 .d>article:nth-child(2){
	grid-row: 2 /2;  
	grid-column: 2/2; }
.d>article:nth-child(3){
	grid-row: 2 /2;  
	grid-column: 3/3; 
	font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
	font-size: medium;
	}
	.d>article:nth-child(4){
		grid-row: 2 /2;  
	grid-column: 4/4; }
	.d>article:nth-child(5){
		grid-row: 3 /3;  
	grid-column: 2/2
	}
	.d>article:nth-child(6){
		grid-row: 3 /3;  
	grid-column: 4/4
	}
	.d>article:nth-child(7){
		grid-row: 3 /3;  
		grid-column: 3/3; 
		font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
		font-size: medium;
		}
	

		.f {
			background-color: black;
			color: white;
			padding: 3em;
			text-align: center;
			margin-top: 750px;
		  }
	  
		  .f h3 {
			margin: 0;
			font-size: 1.2em;

		  }