/*-----------------------------------------------------------------------------
		BENTO - BigDiv (1 column) updated-2026	
------------------------------------------------------------------------------*/	

/*=================================================================
	PAGES:
	rich-menu
	cases-restaurant
==================================================================*/	



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

.BigDiv-Bento {
	display: block;
	width: 90%;
	height: auto;
	margin-block: 2%;
	margin-inline: auto;
	padding: 0;
	box-sizing: border-box;
	overflow: hidden;
	border-radius:20px;
	text-align: center;
}

.BigDiv-Bento img {
	width: 70%;
	margin:0;
	padding: 0;
	vertical-align: bottom;
}

.BigDiv-Bento h1 { 
    text-align: center;
	margin-top: 5%;
	padding: 0 30px;
}

.BigDiv-Bento h2 { 
    text-align: center;
	padding: 10px 30px;
}

.BigDiv-Bento h4 { 
   	margin: 5px 26% 5px 26%;
	text-align: center;
}



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

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

	.BigDiv-Bento h4 {
		margin: 1% 10% 0 10%;
		text-align: center;
		line-height: 1.2;
	}
	
}



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

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

	.BigDiv-Bento {
		display: block;
		width: 90%;
		height: auto;
		margin: 0 auto 6% auto;
		box-sizing: border-box;
	}

	.BigDiv-Bento img {
		width: 100%;
		margin-top: 0;
		vertical-align: bottom;
	}

	.BigDiv-Bento h1 {
		text-align: center;
		padding: 0 20px;
		
	}
	.BigDiv-Bento h4{
		margin: 2% 15% 0 15%;
		text-align: center;	
	}
		
	
}