body
{
	
	display: grid;
	grid-template-columns: 100vw;
	grid-template-rows: 74px 100px 1fr 69px;
	grid-template-areas: 'header'
						 'titles'
						 'main'
						 'footer';
}

header
{
	grid-area: header;
}

titles
{
	grid-area: titles;
}

.step-1, .step-4, .step-5
{
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 1fr;
	grid-template-areas: 'layers';
}

.step-2, .step-3
{
	display: grid;
	grid-template-columns: 1fr 300px;
	grid-template-rows: 1fr;
	grid-template-areas: 'layers options';
}

/* .step-3 */
/* { */
	/* display: grid; */
	/* grid-template-columns: 1fr 300px; */
	/* grid-template-rows: 1fr; */
	/* grid-template-areas: 'layers layer-options'; */
/* } */

.main
{
	grid-area: main;
}

.layers
{
	grid-area: layers;
}

.options
{
	grid-area: options;
}

.trim-button
{
	grid-area: trim-button;
}

.furniture-button
{
	grid-area: furniture-button;
}

.worktop-button
{
	grid-area: worktop-button;
}

.seats-button
{
	grid-area: seats-button;
}

.inserts-button
{
	grid-area: inserts-button;
}


.trim-options
{
	grid-area: trim-options;
}

.furniture-options
{
	grid-area: furniture-options;
}

.worktop-options
{
	grid-area: worktop-options;
}

.seats-options
{
	grid-area: seats-options;
}

.inserts-options
{
	grid-area: inserts-options;
}

footer
{
	grid-area: footer;
}