/*	Layout
	=======================================
	body
		header
			div#banner
		main
			nav
			article
		footer
			div		
	======================================= */

/*	Generic
	======================================= */

	div {
		/* border: 2px solid red; */
	}

	html, body {
		margin: 0px;
		padding: 0px;
	}

/*	Sticky Footer
	======================================= */

	body {
		display: flex;
		min-height: 100vh;
		flex-direction: column;
	}

	header, main, footer {
		flex: 1;
	}

/*	Sizing
	======================================= */

	header, main, footer {
		box-sizing: border-box;
		width: 800px;
		margin: 0 auto;
	}


/*	Main
	======================================= */

	main {
		display: grid;
		grid-template-columns: 220px auto;
		grid-template-columns: 0 auto;
	}


/*	Header
	======================================= */

	header {
		height: 96px;
	}

	header>div#banner {
		margin: 0px auto;
		height: 96px;
	}

/*	Menu
	======================================= */

	nav {
		width: 180px;
display: none;
	}

/*	Article
	======================================= */

	article {
		grid-area: 1/2/2/3;
	}


/*	Footer
	======================================= */

	footer {
		height: 60px;
	}
	footer>div {
		width: 800px;
		margin: auto;
	}