/*-----------------------------------------------------------------------------
		BIG DIV (3 columns) updated-2024
------------------------------------------------------------------------------*/	

:root{

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

	--BigDiv3_RC_divbg:#eeefef;
	--BigDiv3_RC_textcolor:none;
	--BigDiv3_RC_imagebg:none;

}


/*--------------------BIG DIV (1 Row)---------------------*/	


/*********************
		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 h3 {
	text-align:center;
	margin:5px auto;
}

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



/*---------------------------------
	--OPTIONALS --
	Rounded Corners
	Shadows
	Separation Lines
----------------------------------*/

.BigDiv3-RoundedC {
	border-radius:20px;
	background-color: var(--BigDiv3_RC_divbg);
}

.Shadows {
	box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.2);
}

.BigDiv3-SLine {
	border-right:solid 1px #eeefef;
}



/*************************
		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 {
		width:80%;
		grid-template-columns: 100%;
	}
	
	
	.BigDiv3-grid-standard h1,h2,h3,h4 {
		text-align:center;
		margin:5px 5%;
	}
	
	.BigDiv3-grid-standard p {
		margin:0 5%;
		margin-bottom:50px;
	}
	
	.BigDiv3-RoundedC {
		margin-bottom:5%;
	}

	.BigDiv3-SLine {
		border-right:none;
		border-bottom:solid 1px #eeefef;
		margin:30px 0;
	}

}





/*--------------------BIG DIV (2 Rows)---------------------*/	

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

.BigDiv3x2-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; 
	align-items: center;
}


.BigDiv3x2-grid-standard {
	margin:0 1%;
	padding:0;
	text-align:center;	   
	overflow:hidden;
}


.BigDiv3x2-grid-standard img {
	max-width:100%;
	height:auto;
}


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

.BigDiv3x2-grid-standard p {
	margin:0;
	padding:0 5%;
	text-align:left;
}




/*************************
		iPad 
**************************/	

@media screen and (max-width: 768px){
 	
	.BigDiv3x2-grid {    
		width:90%;
		grid-template-columns: 35% 35% 35%;
	}

	.BigDiv3x2-grid-standard {
		margin:1%;

	}

}


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

@media screen and (max-width: 470px) {
 
	.BigDiv3x2-grid {
		width:90%;
		grid-template-columns: 100%;
	}
	
	.BigDiv3x2-grid-standard {
		margin:1%;

	}

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

}