body{
	color: #060;
	font-family: Verdana, Geneva, sans-serif;
	text-align:center;
	
	
	}
	
		#content{
		display:grid;
		grid-template-columns: repeat(4, 1fr);
		grid-auto-rows: minmax(100px, auto);
		max-width:1200px;
		margin:0 auto;
		/*grid-gap: 10px;*/
				grid-template-areas: 
				           "header header header header"
						   "nav nav nav nav"
						   "main main main main"
						   "main main main main"
						   "main1 main1 main1 main1"
						   "main1 main1 main1 main1"
						   "main2 main2 main2 main2"
						   "main2 main2 main2 main2"
						   "aside aside aside aside"
						   "aside aside aside aside"
						   "section section section section"
						   "footer footer footer footer";

						   
						  
		
	      }
		  
	@media screen and (min-width: 760px){
	#content{
		display:grid;
		grid-template-columns: repeat(4, 1fr);
		grid-auto-rows: minmax(100px, auto);
		max-width:1200px;
		margin:0 auto;
		grid-gap: 10px;
				grid-template-areas: 
		                    "header header header header"
						   "nav nav nav nav"
		                   "aside main main main"
						   "aside main main main"
						   
						   "aside main1 main1 main1"
						   "aside main1 main1 main1"
						   
						   "aside main2 main2 main2"
						   "aside main2 main2 main2"
						   
						   "section section section section"
						   "footer footer footer footer";


						  
		
	      }
		                            }
									
	#content > *{
		/*background:#00FFFF;*/
		/*padding:5px;*/

		}
		header{
			grid-area: header;
			background: #B9E3B3;
			}

			main{
			grid-area: main;
			border-radius:18px;
			/*background: #CCF9CF;*/
			/*cursor:pointer;*/
			/*box-shadow:5px 5px 5px #429634;*/
			/*border: solid 2px #030;*/
			}
		
			main p{
				padding:5px;
				text-align:center;
				display:block;
				margin:0;
				
				}
			main img{
				border-bottom-right-radius:18px;
				border-top-right-radius:18px;
			/*padding:5px;*/
				margin:0;
				float:right;
				}
			/*main h3{
				text-align:center;
				position:relative;
				text-decoration:none;
				color:#16430E;
				font-family:Georgia,"Times New Roman",Times,serif;
				
				}*/
		
				

				
			main1{
			grid-area: main1;
			border-radius:18px;
			/*background: #CCF9CF;*/
			cursor:pointer;
			box-shadow:5px 5px 5px #429634;
			/*border: solid 2px #030;*/
			
			}
			main1 p{
				padding:5px;
				text-align:center;
				display:block;
				margin:0;
				}
			main1 img{
				border-bottom-right-radius:18px;
				border-top-right-radius:18px;
			/*padding:5px;*/
				margin:0;
				float:right;
				
				}
				
				
				
			main2{
			grid-area: main2;
			border-radius:18px;
			/*background: #CCF9CF;*/
			cursor:pointer;
			box-shadow:5px 5px 5px #429634;
			/*border: solid 2px #030;*/
			}
			
			main2 p{
				padding:5px;
				text-align:center;
				display:block;
				margin:0;
				}
			main2 img{
				border-bottom-right-radius:18px;
				border-top-right-radius:18px;
			/*padding:5px;*/
				margin:0;
				float:right;
				
				}
				
				
				
				
				
				
				
				
				
				
					section{
			grid-area: section;
			background: #B9E3B3;
			}
					aside{
			grid-area: aside;
			background: #B9E3B3;
			}
					nav{
			grid-area: nav;
			background: #B9E3B3;
			}
					footer{
			grid-area: footer;
			background: #B9E3B3;
			}