#content { grid-area: content; }
#sidebar1 { grid-area: sidebar1; }
#sidebar2 { grid-area: sidebar2; }
#story { grid-area: story; }

/* Small screen width */
#content {
	display: grid;
	grid-template-areas:
		"story"
		"sidebar1"
		"sidebar2"
}

/* Medium screen width */
@media (min-width: 570px){
	#content {
		grid-template-columns: repeat(2, 1fr);
		grid-template-areas:
			"story sidebar1"
			"story sidebar2"
	}
}

/* Large screen width */		
@media ((min-width: 768px) and (orientation: portrait)) {
	#content {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-template-areas:
			"story sidebar1"
			"story sidebar2"
	}
}
@media ((min-width: 1024px) and (orientation: landscape)) {
	#content {
		display: grid;
		grid-template-columns: repeat(9, 1fr);
		grid-template-areas:
			"sidebar1 sidebar1 sidebar1 story story story sidebar2 sidebar2 sidebar2"
	}
}

/* Very large screen width */		
@media (min-width: 1025px){
	#content {
		display: grid;
		grid-template-columns: repeat(7, 1fr);
		grid-template-areas:
			"sidebar1 sidebar1 story story story sidebar2 sidebar2"
	}
}