/* Media */
@media (max-width: 1600px) {
	._b-page-sun-roof > .systems > div > .img{
		grid-row: 2;
		grid-column: 1;
	}

	._b-page-sun-roof > .systems > div > .title{
		grid-row: 1;
		grid-column: 1 / 4;
		justify-content: center;
	}

	._b-page-sun-roof > .systems > div > .description{
		grid-row: 2;
		grid-column: 2;
	}

	._b-page-sun-roof > .systems > div > .table{
		grid-row: 2;
		margin-top: 0;
	}
}

@media (max-width: 1200px) {
	._b-page-sun-roof > .systems > div{
		grid-template-columns: auto 1fr;
		grid-template-rows: auto auto auto auto;
	}

	._b-page-sun-roof > .systems > div > .img{
		grid-row: 2 / 4;
		grid-column: 1;
	}

	._b-page-sun-roof > .systems > div > .title{
		grid-row: 1;
		grid-column: 1 / 3;
	}

	._b-page-sun-roof > .systems > div > .description{
		grid-row: 2;
		grid-column: 2;
	}

	._b-page-sun-roof > .systems > div > .table{
		grid-row: 3 / 5;
		grid-column: 2;
		justify-self: center;
	}
}

@media (max-width: 1100px) {
	/* SAMURAI */
	/* ._b-page-sun-roof > .systems > div.samurai{
		grid-template-columns: auto;
		grid-template-rows: auto auto auto auto;
	}

	._b-page-sun-roof > .systems > div.samurai > img{
		grid-row: 2;
		grid-column: 1;
	}

	._b-page-sun-roof > .systems > div.samurai > .title{
		grid-row: 1;
		grid-column: 1;
	}

	._b-page-sun-roof > .systems > div.samurai > .description{
		grid-row: 3;
		grid-column: 1;
	}

	._b-page-sun-roof > .systems > div.samurai > .table{
		grid-row: 4;
		grid-column: 1;
	} */
}

@media (max-width: 1000px) {
	._b-page-sun-roof > .description{
		flex-direction: column;
		align-items: center;
		gap: calc(4 * var(--coef));
	}
}

@media (max-width: 1000px) {
	._b-page-sun-roof > .systems > div{
		grid-template-columns: auto 1fr;
		grid-template-rows: auto auto auto;
	}

	._b-page-sun-roof > .systems > div > .img{
		grid-row: 2;
		grid-column: 1;
	}

	._b-page-sun-roof > .systems > div > .title{
		grid-row: 1;
		grid-column: 1 / 3;
	}

	._b-page-sun-roof > .systems > div > .description{
		grid-row: 2;
		grid-column: 2;
	}

	._b-page-sun-roof > .systems > div > .table{
		grid-row: 3;
		grid-column: 1 / 3;
		justify-self: center;
	}
}

@media (max-width: 750px) {
	._b-page-sun-roof > .systems > div{
		grid-template-columns: auto;
		grid-template-rows: auto auto auto auto;
		justify-items: center;
	}

	._b-page-sun-roof > .systems > div > .img{
		grid-row: 2;
		grid-column: 1;
	}

	._b-page-sun-roof > .systems > div > .title{
		width: 100%;
		grid-row: 1;
		grid-column: 1;
	}

	._b-page-sun-roof > .systems > div > .description{
		grid-row: 3;
		grid-column: 1;
	}

	._b-page-sun-roof > .systems > div > .table{
		grid-row: 4;
		grid-column: 1;
	}
}