#grid{
	display: grid;
	grid-template-columns:200px 600px 100px;
	grid-template-rows:150px 400px 150px;
	grid-gap:.5em;
}
.cells{
	border:1px solid #000;
	border-radius:.3em;
	color:#fff;
	font-family: "Times New Roman", serif;
	text-align: center;
	padding:1em;
	font-size: 1.3em;
}
.one{
	background-color:#000066;
	grid-column:1/4;
	grid-row:1/2;
	/*grid-column-start:1;
	grid-column-end:4;
	grid-row-start:1;
	grid-row-end:4; */
}
.two{
	background-color:#0000b3;
	grid-column:1/2;
	grid-row:2/3;
	
}
.three{
	background-color:#1a1aff;
	grid-column:2/4;
	grid-row:2/3;
	
}
.four{
	background-color:#4d4dff;
	grid-column:1/4;
	grid-row:3/4;
	
}
@media screen and (max-width:900px){
	#grid{
		grid-template-columns:200px 500px 100px;
		grid-gap:.25em;
	}
}