/*-----------------------------------------------------------------------------
		BigDiv-2 Grid (2 columns) updated-2026
------------------------------------------------------------------------------*/	

/*=================================================================
	PAGES:
	rich-menu, cases-foodtruck
==================================================================*/	



:root {

	--BigDiv2_ST_divbg: none;
	--BigDiv2_ST_imagebg: none;

}



/*********************
		DESKTOP
**********************/	

.BigDiv2-grid {
	display: grid;
	width: 92%;
	height: auto; 
	margin: 0 auto;
	padding: 0;
	grid-template-columns: 50% 50%;
	box-sizing: border-box;
}

.BigDiv2-grid-standard {
	text-align: center;	
	margin: 5% auto 0 auto;
	padding: 0;
	background: var(--BigDiv2_ST_divbg);
}

.BigDiv2-grid-standard img {
	width: 80%;
	margin:10% auto 0 auto;
	text-align:center;
	padding:0;
	background: var(--BigDiv2_ST_imagebg);
}

/* .BigDiv2-grid-standard h1 {
	margin-top:20%;
	margin-left: 26%;
}

.BigDiv2-grid-standard h3 {
	text-align: left;
	margin-left:26%;
}

.BigDiv2-grid-standard h4 { 
	text-align: left;
	margin:5px 10% 5px 26%;
} */




/*******************************
		iPad-PRO / Air / Mini
********************************/	

@media screen and (max-width: 1024px){

	.BigDiv2-grid {
		width: 94%;
	}

	/* .BigDiv2-grid-standard h4 { 
		text-align: left;
		margin: 5px 5% 5px 26%;
	} */

}



/***************************
		iPhone
****************************/	

@media screen and (max-width: 470px){
   
	.BigDiv2-grid {
		display: grid;
		width: 100%;
		height: auto;
		margin: 0 auto;
		grid-template-columns: 100%;	
	}

	.BigDiv2-grid__Reversed {
		grid-row-start: 2;
	}

	/* .BigDiv2-grid-standard h1 {
		text-align: left;
		margin-left: 10%;		
	}

	.BigDiv2-grid-standard h4 {
		text-align: left;
		margin-left: 10%;
	} */

}