* {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

body {
	background-color: #848683;
	min-width: 375px;
	margin: 0;
}

.container {
	max-width: 1280px;
	padding: 0 15px;
	margin: 0 auto;
}

.wrapper {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: (1fr) [12];
	grid-template-columns: repeat(12, 1fr);
	-ms-grid-rows: auto 1fr auto;
	grid-template-rows: auto 1fr auto;
	min-height: 100vh;
}

.wrapper > *:nth-child(1) {
	-ms-grid-row: 1;
	-ms-grid-column: 1;
}

.wrapper > *:nth-child(2) {
	-ms-grid-row: 1;
	-ms-grid-column: 2;
}

.wrapper > *:nth-child(3) {
	-ms-grid-row: 1;
	-ms-grid-column: 3;
}

.wrapper > *:nth-child(4) {
	-ms-grid-row: 1;
	-ms-grid-column: 4;
}

.wrapper > *:nth-child(5) {
	-ms-grid-row: 1;
	-ms-grid-column: 5;
}

.wrapper > *:nth-child(6) {
	-ms-grid-row: 1;
	-ms-grid-column: 6;
}

.wrapper > *:nth-child(7) {
	-ms-grid-row: 1;
	-ms-grid-column: 7;
}

.wrapper > *:nth-child(8) {
	-ms-grid-row: 1;
	-ms-grid-column: 8;
}

.wrapper > *:nth-child(9) {
	-ms-grid-row: 1;
	-ms-grid-column: 9;
}

.wrapper > *:nth-child(10) {
	-ms-grid-row: 1;
	-ms-grid-column: 10;
}

.wrapper > *:nth-child(11) {
	-ms-grid-row: 1;
	-ms-grid-column: 11;
}

.wrapper > *:nth-child(12) {
	-ms-grid-row: 1;
	-ms-grid-column: 12;
}

.wrapper > *:nth-child(13) {
	-ms-grid-row: 2;
	-ms-grid-column: 1;
}

.wrapper > *:nth-child(14) {
	-ms-grid-row: 2;
	-ms-grid-column: 2;
}

.wrapper > *:nth-child(15) {
	-ms-grid-row: 2;
	-ms-grid-column: 3;
}

.wrapper > *:nth-child(16) {
	-ms-grid-row: 2;
	-ms-grid-column: 4;
}

.wrapper > *:nth-child(17) {
	-ms-grid-row: 2;
	-ms-grid-column: 5;
}

.wrapper > *:nth-child(18) {
	-ms-grid-row: 2;
	-ms-grid-column: 6;
}

.wrapper > *:nth-child(19) {
	-ms-grid-row: 2;
	-ms-grid-column: 7;
}

.wrapper > *:nth-child(20) {
	-ms-grid-row: 2;
	-ms-grid-column: 8;
}

.wrapper > *:nth-child(21) {
	-ms-grid-row: 2;
	-ms-grid-column: 9;
}

.wrapper > *:nth-child(22) {
	-ms-grid-row: 2;
	-ms-grid-column: 10;
}

.wrapper > *:nth-child(23) {
	-ms-grid-row: 2;
	-ms-grid-column: 11;
}

.wrapper > *:nth-child(24) {
	-ms-grid-row: 2;
	-ms-grid-column: 12;
}

.wrapper > *:nth-child(25) {
	-ms-grid-row: 3;
	-ms-grid-column: 1;
}

.wrapper > *:nth-child(26) {
	-ms-grid-row: 3;
	-ms-grid-column: 2;
}

.wrapper > *:nth-child(27) {
	-ms-grid-row: 3;
	-ms-grid-column: 3;
}

.wrapper > *:nth-child(28) {
	-ms-grid-row: 3;
	-ms-grid-column: 4;
}

.wrapper > *:nth-child(29) {
	-ms-grid-row: 3;
	-ms-grid-column: 5;
}

.wrapper > *:nth-child(30) {
	-ms-grid-row: 3;
	-ms-grid-column: 6;
}

.wrapper > *:nth-child(31) {
	-ms-grid-row: 3;
	-ms-grid-column: 7;
}

.wrapper > *:nth-child(32) {
	-ms-grid-row: 3;
	-ms-grid-column: 8;
}

.wrapper > *:nth-child(33) {
	-ms-grid-row: 3;
	-ms-grid-column: 9;
}

.wrapper > *:nth-child(34) {
	-ms-grid-row: 3;
	-ms-grid-column: 10;
}

.wrapper > *:nth-child(35) {
	-ms-grid-row: 3;
	-ms-grid-column: 11;
}

.wrapper > *:nth-child(36) {
	-ms-grid-row: 3;
	-ms-grid-column: 12;
}

.header {
	-ms-grid-column-span: 12;
	grid-column: 12 span;
	background-color: rgb(119, 97, 106);
	min-height: 100px;
}

.aside {
	-ms-grid-row: 2;
	-ms-grid-row-span: 1;
	grid-row: 2 / 3;
	-ms-grid-column: 1;
	-ms-grid-column-span: 2;
	grid-column: 1 / 3;
	background-color: #dbdb92;
}

.main {
	grid-column: 4 / 12 span;
	background-color: #848683;
	padding-top: 30px;
	padding-bottom: 30px;
}

.main .container {
	display: -ms-grid;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	-ms-grid-rows: 200px 15px 200px;
	grid-template-rows: repeat(2, 200px);
	gap: 15px;
}

.article {
	background-color: #f1f1f1;
	min-height: 200px;
}

.footer {
	-ms-grid-column-span: 12;
	grid-column: span 12;
	background-color: #3b2136;
	min-height: 250px;
}

@media (width <= 1200px) {
	.aside {
		-ms-grid-row: 2;
		-ms-grid-row-span: 1;
		grid-row: 2 / 3;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
		grid-column: 1 / 4;
	}

	.main {
		-ms-grid-column: 5;
		grid-column-start: 5;
	}
}

@media (width <= 768px) {
	.aside {
		display: none;
	}

	.main {
		-ms-grid-column-span: 12;
		grid-column: 12 span;
	}
}