/* MOBILE FIRST */
#container {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: auto;
	gap: 0px;
	grid-auto-flow: row;
	grid-template-areas:
		"logo nav"
		"slider slider"
		"about about"
		"prices prices"
		"contact contact"
		"footer footer";
}

/* LARGER SCREENS < 801px */
@media screen and (min-width: 801px) {
	#container {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		grid-template-rows: auto;
		gap: 0;
		grid-auto-flow: row;
		grid-template-areas:
			"logo nav nav"
			"slider slider slider"
			"about prices contact"
			"footer footer footer";
	}
}
	#logo {grid-area:logo}
	#nav {grid-area:nav}
	#slider {grid-area:slider}
	#about {grid-area:about}
	#prices {grid-area:prices;}
	#contact {grid-area:contact;}
	#footer {grid-area:footer;}