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

/*=================================================================
	PAGES:
	index, rich-menu, flex-message, 
	cases-foodtruck, cases-restaurant
==================================================================*/	



/*---------------------------------------------------------
					BigDiv - EmptyDiv
----------------------------------------------------------*/	

.emptyDiv {
	width: 100%;
	height: 80px;
	background: none;
}



/*------------------------------------
				BIG DIV
-------------------------------------*/	

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

.BigDiv img {
	max-width: 100%;
	height: auto;
	text-align: center;
	padding: 0 auto;
}

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

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

.BigDiv h3 { 
	text-align: center;
   	margin: 5px 20% 5px 20%;	
}

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

.BigDiv p {
	margin: 0 18%;
	text-align: justify;
	text-justify: inner-word;
}



/*-----------------------------------------
		 BigDiv Title (Text Align Left) 
------------------------------------------*/	

.BigDivTitle {
	display: block;
	width: 91%;
	height: auto;
	margin: 0 auto 2% auto;
    overflow: hidden;
	box-sizing: border-box;
}

.BigDivTitle h1 { 
    text-align: left;
	margin-top: 5%; 
}

.BigDivTitle h3, h4 { 
	text-align: left;
	margin-top: 5px; 
	margin-right: 20%;
}

.BigDivTitle h4 {
	margin-bottom: 5px;
}



/*------------------------------------
				BIG PHOTO 
-------------------------------------*/	

.BigPhoto {
	display: block;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	box-sizing: border-box;
}

.BigPhoto img {
   display: block;
   width: 100%;
   height: auto;
   margin: 0 auto;
   overflow: hidden;  
}



/*-------------------------------------------------
				BigDiv Case (for cases)
------------------------------------------------*/	

.BigDiv-case {
	margin: 0 auto; 
	width: 92%; 
	padding: 0; 
	vertical-align: bottom
}


/*------------------------------------
		 BIG DIV-Forms (not used)
-------------------------------------*/	

.BigDiv-form{
	display:block;
	width:80%;
	height:auto;
	margin:80px auto;
    padding:30px 0;
    overflow:hidden;
    margin-bottom:80px;	
}

.BigDiv-form h3{ 
    text-align:center;
	padding:10px 30px;
}








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

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


	.BigDiv-form{
		width: 90%;
		margin-top: 50px;
	}

	/*---BIG DIV (Image, Video & Text) ---*/
	.BigDiv p{
		margin: 0 8%;
	}

	.BigDiv h1{ 
		text-align: center;
		padding: 5px auto;
	}

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

	.BigDiv h3{ 
		text-align: center;
	}

	.BigDiv img{
		width: 100%;
	}


}



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

@media screen and (max-width: 470px){
    
	.BigDiv-case {
		display: block;
		width: 100%;
		margin: 0 auto;
		padding: 0;
		overflow: hidden;
		box-sizing: border-box;
	}

	/*--FOR FORMS--*/
	.BigDiv-form {
		display: block;
		width: 100%;
		height: auto;
		margin: 0 auto;
		padding-bottom: 0;
		overflow: hidden;	
	}

	.BigDiv img{
		width: 100%;
		height: auto;
		text-align: center;
		padding: 0 auto;
	}

	.BigDiv h1 { 
		text-align: center;
		margin:0  5% 10px 5%;
	}

	.BigDiv h3 { 
		text-align: center;
		margin: 0 15% 10px 15%;
	}

	.BigDiv h4 { 
		text-align: center;
		margin: 10px 15% 10px 15%;
	}

/*------- BigDiv Title (Left) ----------*/	

	.BigDivTitle {
		display: block;
		width: 100%;
		height: auto;
		margin: 1% 0;
		padding:30px 0;
		overflow: hidden;
		box-sizing: border-box;
	}

	.BigDivTitle h1 { 
		text-align: center;
		margin: 0 5% 10px 5%;
	}

	.BigDivTitle h4 { 
		text-align: center;
		margin: 10px 15% 10px 15%;
	}

}

























/*----------------BIG DIV for Video (for fullscreen video)--------*/	

.videoWrapper {
    position: relative;
    padding-bottom:56.25%  ;/* 16:9 */
    padding-top:25px;
    height: 0;
   	margin-bottom:0;
   	background:#eeefef;
}
.videoWrapper iframe {
    position: absolute;
    top: 5%;
    left:12%;
    width: 76%;
    height:76%;
}




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

.videoWrapper {
    position: relative;
    padding-bottom:50%;
    padding-top: 25px;
    height: 0;
    background:#eeefef;
}

.videoWrapper iframe {
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height:100%;
}
}