﻿
/*-----------------------------------------------------------------------------
		BENTO - BigDiv (1 column) updated-2024		
------------------------------------------------------------------------------*/	

/*=================================================================
	PAGES:
	Index, Baggage-tag, Cases
==================================================================*/	




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

.BigDiv-Bento {
	display: block;
	width: 98%;
	height: auto;
	margin: 1% 1% 1% 1%;
	padding: 0;
	box-sizing: border-box;
	overflow: hidden;
}

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

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

.BigDiv-Bento p {
	margin: 10px 18%;
	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: 100%;
		height: auto;
		margin: 2% 0 2% 0;
		box-sizing: border-box;
	}


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


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






