/* class used to control the placement of images in mobile view */
.container .grid_image { 
	display: grid;
	grid-column: 3; 
	max-width: 100%;
}

@media screen and (max-width: 900px) {
	.container .grid_image { 
	/* center all images on page */
		grid-column: 1/ span 3;
		place-items: center;
	}
}

.container .tylon_text { grid-column: 1/ span 3; }
.container .mango_text { grid-column: 1/ span 3; }
.container .barney_text { grid-column: 2/ span 2; }
.container .pete_text { grid-column: 1/ span 3; }
.container .limon_text { grid-column: 1/ span 3; }
.container .jared_text { grid-column: 2/ span 2; }
.container .ice_text { grid-column: 1/ span 2; }
.container .lenny_text { grid-column: 1/ span 3; }

@media screen and (max-width: 900px) {
	.container .tylon_text { grid-column: 1/ span 3; }
	.container .mango_text { grid-column: 1/ span 3; }
	.container .barney_text { grid-column: 1/ span 3; }
	.container .pete_text { grid-column: 1/ span 3; }
	.container .limon_text { grid-column: 1/ span 3; }
	.container .jared_text { grid-column: 1/ span 3; }
	.container .ice_text { grid-column: 1/ span 3; }
	.container .lenny_text { grid-column: 1/ span 3; }
}