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

/*=================================================================
	PAGES:
	index, cases-foodtruck
==================================================================*/	



:root {

	--BigDiv3_ST_divbg: none;
	--BigDiv3_ST_imagebg: none;

}



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

.BigDiv3-grid {   
	display: grid;
	width: 90%;
	height: auto;
	margin: 0 auto;
	padding:0; 
	grid-template-columns: 32% 32% 32%;
	box-sizing: border-box;
	justify-content: center; 
}

.BigDiv3-grid-standard {
	margin: 1% 2% 2% 1%;
	padding: 0;
	text-align: center;	   
	overflow: hidden;
	box-sizing: border-box;
	background: var(--BigDiv3_ST_divbg);
}

.BigDiv3-grid-standard img {
	max-width: 100%;
	height: auto;
	margin-bottom: 0;
	vertical-align: bottom;
	background: var(--BigDiv3_ST_imagebg);
}

.BigDiv3-grid-standard h2 {
	text-align: center;
	margin: 5px auto;
}

.BigDiv3-grid-standard h3 {
	text-align: center;
	margin: 5px auto;
}

.BigDiv3-grid-standard h4 {
	text-align: center;
	margin: 5px 10%;
}

.BigDiv3-grid-standard p {
	margin: 0;
	padding: 0;
	text-align: left;
}



/***************************
		iPad Air / Mini
****************************/	

@media screen and (max-width: 820px) {
 	
	.BigDiv3-grid {    
		width: 90%;
		grid-template-columns: 33% 33% 33%;
		overflow: hidden;   
	}

}



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

@media screen and (max-width: 470px) {
 
	.BigDiv3-grid {		
		grid-template-columns: 100%;
	}
	
	.BigDiv3-grid-standard {
		margin: 0 auto;
		padding: 0;
		width: 60%;
	}

	.BigDiv3-grid-standard img {
		width: 50%;
	}

	.BigDiv3-grid-standard h1,h2,h3,h4 {
		text-align: center;
		margin: 5px 5%;
	}
	
	.BigDiv3-grid-standard p {
		margin: 0 5% 3% 0;
	}	

}