body {
		display: flex;
	}
	
	.grid{
		
		-webkit-box-flex: 1;
		 -ms-flex: 1 1 auto;
		flex: 1 1 auto;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-flow: column nowrap;
		 flex-flow: column nowrap;
		min-height: 100vh;	
		display: -ms-grid;	
		display: grid;
		    -ms-grid-columns: 1fr;
		    grid-template-columns: 1fr;
		    -ms-grid-rows: auto auto 1fr auto;
		    grid-template-rows: auto auto 1fr auto;
			    grid-template-areas: 
		"title"
		"header"
		"content"
		"footer";
	}

	.title {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		grid-area: title;
	}
	.header {
		-ms-grid-row: 2;
		-ms-grid-column: 1;
		grid-area: header;
	}
	.content {
		-ms-grid-row: 3;
		-ms-grid-column: 1;
		grid-area: content;
	}

	.footer {
		-ms-grid-row: 4;
		-ms-grid-column: 1;
		grid-area: footer;
	}