.container
	{
		max-width: 1200px;
		height: 1000px;
		margin: 0 auto;
		border: 1px solid blue;
		margin-bottom: 100px;
		display: grid;
		grid-template-areas: repeat(12, 1fr) / repeat(6, 1fr);
		grid-gap: 10px;
	}
	
	header
	{
		grid-area: 1 / 1 / 3 / 7;
		background-color: #95b3ff;
	}
	
	nav
	{
		grid-area: 3 / 1 / 4 / 7;
	}
	
	.info
	{
		grid-area: 4 / 1 / 9 / 5;
		background-color: #eaeaea;
	}
	
	.services
	{
		grid-area: 4 / 5 / 9 / 7;
		background-color: #dddddd;
	}
	
	footer
	{
		grid-area: 9 / 1 / 13 / 7;
		background-color: #95b3ff;
	}
	
	.overlap
	{
		
		background-color: #fe67b4;
		z-index: 3;
		grid-area: 6 / 4 / 8 / 6;
	}
	
	p
	{
		text-align: center;
		margin-bottom: 50px;
	}