/* grid vom body */

body {
	display:grid;
	grid-template-columns: 100%;
	grid-template-rows:120px auto;

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

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


@media (min-width: 59em) {
	
	.article2 {
		display:grid;
		grid-template-columns:auto auto ;
		grid-template-rows:auto ;
		color:white;
	}	
	
		.article2_a {
			grid-column:1/2;
			grid-row:1/2;
			display: grid;
		}
		
		.article2_b {
			grid-column:2/3;
			grid-row:1/2;
			padding:10px 50px 10px 0;
		}
	
}

@media (max-width: 60em) {
	
	.article2 {
		display:grid;
		grid-template-columns:auto;
		grid-template-rows:auto auto;
		color:white;
	}
	
		.article2_a {
			display: grid;
			grid-column:1/2;
			grid-row:1/2;
			
		}
		
		.article2_b {
			grid-column:1/2;
			grid-row:2/3;
			padding:0 25px 10px 25px;
		}
	
}