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



@media (max-width: 767px) {


	/* floating button */
	.book--button--wrapper {
		bottom: 30px;
		right: 30px;
	}

	.button--floating {
		align-items: center;
		display: flex;
		justify-content: center;
		height: 60px;
		padding: .5rem;
		width: 60px;
	}


	/* navigation */
	.nav--logo img {
		height: 50px;
	}

	.nav--menu {
		align-items: start;
		display: flex;
		gap: 0rem;
		padding: 1rem;
	}


	/* header */
	.hero--header--title {
		font-size: 1.5rem;
	}

	.hero--gallery {
		height: 350px;
	}

	.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: 1.5rem;
		line-height: 1.1;
	}

	.section--intro p.intro--text {
		font-size: 1.1rem;
		line-height: 1.5;
	}


	/* intro + paragraph next page */
	.section--intro.next--page {
		padding-bottom: 2rem;
		padding-top: 8rem;
	}

	.section--intro h1.intro--h1 {
		font-size: 1.75rem;
	}

	.section--intro h2.intro--h2 {
		font-size: 1.5rem;
		line-height: 1.5;
	}

	.section--paragraph.next--page {
		padding: 1rem 0 6rem 0;
	}

	.section--paragraph h2.paragraph--h2 {
		font-size: 1.5rem;
		line-height: 1.5;
		margin-bottom: 1rem;
	}

	.section--paragraph p.paragraph--text {
		font-size: 1.1rem;
		line-height: 1.5;
	}


	/* treatments */
	.treatments--title {
		font-size: 1.5rem;
	}

	.treatments--column--left .treatments--item:last-child {
		border-bottom: 1.5px solid #EEEEEE;
	}

	.treatments--column--center .treatments--item:last-child {
		border-bottom: 1.5px solid #EEEEEE;
	}


	.treatments--text {
		font-size: 1.1rem;
	}

	.treatments--icon {
		font-size: 1.35rem;
		width: 1.4rem;
	}


	/* gallery */
	.section--gallery {
		padding-bottom: 3rem;
		padding-top: 0rem;
	}


	/* map location */
	#map {
		height: 350px;
	}

	.location--title {
		font-size: 1.5rem;
	}


	/* 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));
	}


	/* faq */
	.section--faq {
		padding: 2rem 0 1rem 0;
	}

	.section--faq--title {
		font-size: 2rem;
	}

	.faq--column--left .faq--item:last-child {
		border-bottom: 1.5px solid #EEEEEE;
		cursor: pointer;
		padding: 1.5rem 0;
	}

	.faq--question h3 {
		font-size: 1.125rem;
		padding-right: 2rem;
	}


	/* reviews */
	.section--reviews {
		padding: 3rem 0;
	}

	.section--reviews--title {
		font-size: 1.75rem;
	}


	/* 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 */
	.section--form {
		padding-top: 1rem;
		padding-bottom: 3rem;
	}

	.section--form .paragraph--h2 {
		font-size: 1.5rem;
	}

	.section--form .paragraph--text {
		font-size: 1.1rem;
		line-height: 1.5;
	}


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

	.form--block label {
		font-size: 1.15rem;
		margin-bottom: .25rem;
	}


	/* footer */
	.footer--logo img {
		height: 100px;
	}

}



/* ================================================================== */
@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;
	}

}