/* LANDER CSS */
/* FORWARD 2025 AND BEYOND © - FORWARD/STELLAR */



/* ================================================================== */
@media screen and (min-width: 350px) and (max-width: 767px) {
	/* ================================================================== */

	.section--intro h1 {
		font-size: calc(2.25 * var(--font-size));
		line-height: 1;
		margin-bottom: 1rem;
	}

	.section--intro h2 {
		font-size: calc(1.25 * var(--font-size));
		line-height: 1.45;
	}

	.section--work {
		min-height: 50vh;
	}

	.work--item {
		flex: 0 0 100%;
		max-width: 100%;
	}

	.work--image {
		height: 250px;
	}

	.services--heading h2 {
		font-size: calc(1.25 * var(--font-size-h2));
		line-height: 1.1;
	}

	.services--heading p {
		font-size: calc(1.25 * var(--font-size));
		line-height: 1.45;
	}

}


/* ================================================================== */
@media screen and (min-width: 768px) and (max-width: 991px) {
	/* ================================================================== */

	.work--item {
		flex: 0 0 100%;
		max-width: 100%;
	}

	.work--image {
		height: 250px;
	}

	.services--heading h2 {
		font-size: calc(1.25 * var(--font-size-h2));
	}


}



/* ================================================================== */
@media screen and (min-width: 992px) and (max-width: 1199px) {
	/* ================================================================== */

	.work--item {
		flex: 0 0 50%;
		max-width: 50%;
	}

	.work--image {
		height: 300px;
	}


}



/* ================================================================== */
@media screen and (min-width: 1200px) and (max-width: 1399px) {
	/* ================================================================== */

	.work--item {
		flex: 0 0 25%;
		max-width: 25%;
	}

	.work--image {
		height: 400px;
	}

	.service--col {
		flex: 0 0 50%;
		max-width: 50%;
	}


}



/* ================================================================== */
@media screen and (min-width: 1400px) and (max-width: 1599px) {
	/* ================================================================== */

	.service--col {
		flex: 0 0 33.3333%;
		max-width: 33.3333%;
	}


}



/* ================================================================== */
@media screen and (min-width: 1600px) and (max-width: 1799px) {
	/* ================================================================== */

	.service--col {
		flex: 0 0 33.3333%;
		max-width: 33.3333%;
	}



}






@media (min-width: 2000px) {

	.container {
		max-width: 1600px;
	}

	.section--products .container {
		max-width: 1700px;
		margin: 0 auto;
	}

}