.container
	{
		display: grid;
		max-width: 1200px;
		margin: 0 auto;
		border: 1px solid blue;
		margin-bottom: 100px;
		grid-template-areas: "head head head"
							 " nav nav nav"
							 "info services services"
							 "footer footer footer";
		grid-template-rows: 200px 100px 500px 100px;
		grid-template-columns: 1fr 1fr 1fr;
	}
	
	header
	{
		grid-area: head;
		background-color: #95b3ff;
		display: flex;
	}
	
	nav
	{
		grid-area: nav;
	}
	
	.info
	{
		grid-area: info;
		background-color: #eaeaea;
	}
	
	.services
	{
		grid-area: services;
		background-color: #dddddd;
	}
	
	footer
	{
		grid-area: footer;
		background-color: #95b3ff;
	}
	
	.header-div
	{
		width: 300px;
		height: 100px;
		margin: 10px;
		background-color: #f0ff8a;
	}
	
	p
	{
		text-align: center;
		margin-bottom: 50px;
	}