.container {
	
	display: grid;
	grid-template-columns: repeat(12, minmax(8.33%, auto));
	grid-template-rows: repeat(14, auto);
}

@media only screen and (max-width: 480px) {
	.logo {
		grid-column: 1 / span 9;
	}
	.menu {
		grid-column: 10 / span 3;
	}
	.pay-off {
		grid-column: 1 / span 12;
	}
	.nav {
		display: none;
	}
	.banner {
		grid-column: 1 / span 12;
	}
	.heading {
		grid-column: 1 / span 12;
	}
	.spacer1 {
		grid-column: 2 / span 10;
	}
	.page-content {
		grid-column: 1 / span 12;
	}
	.spacer2 {
		grid-column: 2 / span 10;
	}
	.share {
		grid-column: 1 / span 12;
	}
	.footer {
		grid-column: 1 / span 12;
	}
}

@media only screen and (min-width: 481px) {
	.logo {
		grid-column: 1 / span 2;
	}
	.menu {
		display: none;
	}
	.pay-off {
		grid-column: 3 / span 10;
	}
	.nav {
		grid-column: 2 / span 10;
	}
	.banner {
		grid-column: 1 / span 12;
	}
	.heading {
		grid-column: 1 / span 12;
	}	
	.spacer1 {
		grid-column: 2 / span 10;
	}
	.page-content {
		grid-column: 1 / span 12;
	}
	.spacer2 {
		grid-column: 2 / span 10;
	}
	.share {
		grid-column: 1 / span 12;
	}
	.footer {
		grid-column: 1 / span 12;
	}
}