/*-----------------------------------------------------------------------------
		BENTO - BigDiv2-grid (2 columns) updated-2024		
------------------------------------------------------------------------------*/	

/*=================================================================
	PAGES:
	Index, Cases
==================================================================*/	



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

.BigDiv2-grid-Bento {
	display: grid;
	width: 99%;
	height: auto;
	margin: 0 0.5% 1% 0.5% ;
	grid-template-columns: 50% 50%;
	background-color: var (--body_color);
	box-sizing: border-box;
}


.BigDiv2-grid-Bento-standard {
	display: inline;
 	margin: 0 1%;
 	text-align: center;
	vertical-align: bottom;	
}

.BigDiv2-grid-Bento-standard img {
	width: 100%;
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}



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

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

	.BigDiv2-grid-Bento-standard h4 {
		margin:0 2% 0 2%;
		text-align:center;
	}

}


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

@media screen and (max-width: 470px) {
   
	.BigDiv2-grid-Bento {
		display: grid;
		width: 98%;
		height: auto;
		margin: 0 1% 1% 1%;
		grid-template-columns: 100%;
	}
	
	.BigDiv2-grid-Bento-standard {
		display: block;
		margin: 1%;
		text-align: center;		
	}
	
}