/*  body  */
body {
	display:grid;
	grid-template-columns:1fr;
	grid-template-rows:100px 60px auto 70px;
	gap:8px;
}

header {
	grid-column:1/2;
	grid-row:1/2;
}

nav {
	grid-column:1/2;
	grid-row:2/3;
}

.main {
	grid-column:1/2;
	grid-row:3/4;
	min-height:400px;
}

footer {
	grid-column:1/2;
	grid-row:4/5;
}


/*  footer  */
footer {
	display:grid;
	grid-template-columns: 1fr 1fr;
}

.div1_footer {
	margin:auto;
	column:1/2;
}

.div2_footer {
	margin:auto;
	column:2/3;
}

/*  main */


@media (min-width: 60em) {
	
	.main_1 {
		display:grid;
		grid-template-columns: 3fr 1fr;
		grid-template-rows:80px auto;	
		gap: 8px;
	}

	.main0 {
		grid-column:1/3;
		grid-row:1/2;
		border-radius: 1rem 1rem 0rem 0rem;		
	}

	.main1 {
		grid-column:1/3;
		grid-row:2/3;
		border-radius: 0rem 0rem 1rem 1rem;
	}
}

.main0, .main1, .main2 {
	border-width: 2px;
	border-style: solid;
	display:grid;
}

/*  Footer */

footer {
	display:grid;
	grid-template-columns: 1fr 1fr;
}

.div1_footer {
	margin:auto;
	column:1/2;
}

.div2_footer {
	margin:auto;
	column:2/3;
}