@media (min-width: 600px) {
	.content2a {
		grid-column: 1 / span 6;
		grid-row: 2;
	}
      .content2b {
		grid-column: 7 / span 6;
            grid-row: 2;
	}
        .contentwide {
            grid-column: 1 / span 12;
		grid-row: 1 / span 1;
        }
        .footer {
            grid-column: 1 / span 12;
        }
	.topnav {
            display: flex;
            justify-content: space-around;
	}
}

@media (min-width: 900px) {

	.content2a {
		grid-column: 1 / span 3;
		grid-row: 1;
      }
	.content2b {
		grid-column: 10 / span 3;
            grid-row: 1;
	}
	.contentwide {
		grid-column: 4 / span 6;
		grid-row: 1 / span 1;
	}
	.footer {
		grid-column: 1 / span 12;
	}
}

