.container .wsu_text { grid-column: 1/ span 2; }
.container .bu_text { grid-column: 2/ span 2; }

@media screen and (max-width: 900px) {
	/* when the viewport too small, make content in 1 column */
	.container .wsu_text { grid-column: 1/ span 3; }
	.container .wsu_image { grid-column: 1/ span 3; }
	.container .bu_image { grid-column: 1/ span 3; }
	.container .bu_text { grid-column: 1/ span 3; }
}



/* make below code into text ferris wheel */
.container .cscf { grid-column: 1 / span 3; }
.container .bs { grid-column: 1 / span 3; }
.container .isft { grid-column: 1 / span 3; }
.container .ds { grid-column: 1 / span 3; }


	
@media screen and (max-width: 900px) {
	/* when the viewport too small, make content in 1 column */
	.container .cscf {  grid-column: 1/ span 3; }
	.container .bs {  grid-column: 1/ span 3; }
	.container .isft {  grid-column: 1/ span 3; }
	.container .ds {  grid-column: 1/ span 3; }

	
}