/* LANDER CSS */
/* LETS GO CATERING 2025 AND BEYOND © - FORWARD/STELLAR */



@media (max-width: 767px) {

	/* header */
	.header--hero--body-wrapper {
		padding: calc(1 * var(--padding-element-y)) calc(1 * var(--padding-element-x));
	}

	.header--hero--body {
		padding: calc(1 * var(--padding-element-y));
	}

	.header--hero--body h2 {
		color: var(--text-color);
		font-size: calc(1.5 * var(--font-size-h2));
	}

	.header--hero--body p {
		font-size: calc(1.25 * var(--font-size));
	}

	.header--hero--image {
		height: 350px;
	}


	/* intro */
	.logo--box img {
		height: auto;
		max-width: 100%;
	}

	.section--intro {
		padding: calc(2 * var(--padding-element-y)) calc(0 * var(--padding-element-x)) calc(1 * var(--padding-element-y));
	}

	.section--intro h1 {
		font-size: calc(.85 * var(--font-size-h1));
	}

	.section--intro h2 {
		font-size: calc(1.1 * var(--font-size-h2));
	}

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

	.section--intro button.btn--cta {
		font-size: calc(1.25 * var(--font-size));
	}

	.section--intro p span.release--note {
		font-size: calc(1 * var(--font-size));
	}


	/* intro next */
	.next--page .section--intro {
		padding: calc(2 * var(--padding-element-y)) calc(0 * var(--padding-element-x)) calc(1 * var(--padding-element-y));
	}

	.next--page .section--intro h1 {
		font-size: calc(1 * var(--font-size-h1));
	}

	.next--page .section--intro p {
		font-size: calc(1.25 * var(--font-size));
	}


	/* paragraph */
	.section--paragraph {
		padding: calc(2 * var(--padding-element-y)) calc(0 * var(--padding-element-x));
	}

	.section--paragraph .img--box {
		height: 350px;
		object-fit: cover;
		width: 100%;
	}

	.section--paragraph h2 {
		font-size: calc(1.1 * var(--font-size-h2));
	}

	.section--paragraph p {
		font-size: calc(1.15 * var(--font-size));
	}


	/* about */
	.section--about {
		padding: calc(2 * var(--padding-element-y)) calc(0 * var(--padding-element-x));
	}

	.section--about .img--box {
		height: 350px;
		object-fit: cover;
		width: 100%;
	}

	.section--about h2 {
		font-size: calc(1.1 * var(--font-size-h2));
	}

	.section--about p {
		font-size: calc(1.15 * var(--font-size));
	}


	/* product page */
	.section--product .product--img--box {
		height: 350px;
	}

	.section--product .product--title h1 {
		font-size: calc(1.15 * var(--font-size-h1));
	}

	.section--product .product--price h2 {
		font-size: calc(2 * var(--font-size));
	}

	.section--product .product--details h3 {
		font-size: calc(1.25 * var(--font-size));
		margin-bottom: calc(.75 * var(--margin-element-y));
	}

	.section--product .product--details p {
		font-size: calc(1 * var(--font-size));
	}



	/* reviews */
	.section--reviews {
		padding: calc(2 * var(--padding-element-y)) calc(0 * var(--padding-element-x));
	}


	/* call to action */
	.section--cta {
		padding: calc(3 * var(--padding-element-y)) calc(0 * var(--padding-element-x));
	}

	.section--cta h2 {
		font-size: calc(1.25 * var(--font-size-h3));
	}

	.section--cta p {
		font-size: calc(1.15 * var(--font-size));
	}


	/* contact */
	.contact--info-intro h2 {
		font-size: calc(1.25 * var(--font-size-h3));
	}


	/* form */
	.form--wrapper {
		padding: calc(1.25 * var(--padding-element-y)) calc(1.5 * var(--padding-element-x));
	}

	.form--block label {
		font-size: calc(1.15 * var(--font-size));
		margin-bottom: calc(.25 * var(--margin-element-y));
	}


	/* footer */
	.footer--links--list {
		flex-direction: column;
		gap: 1rem;
	}

}



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




}



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




}



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




}



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




}



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


	.logo--box img {
		height: auto;
		max-width: 90%;
	}



}






@media (min-width: 2000px) {

	.container {
		max-width: 1600px;
	}

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

}