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



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


/*--------------------BIG DIV (MAIN)---------------------*/	

.BigDiv3{   
    display:block;
	width:80%;
	height:auto;
	margin:0 auto;
    overflow:hidden;
    
}


/*---------------------STYLES (OPTIONS)-------------------*/	


/*---------------------------------
	--OPTION 1 --
	Standard Square Div 
	(Class: BigDiv3__
Standard)
----------------------------------*/

.BigDiv3__Standard{
	float:left;
	display:inline;
 	width:31.33%;
 	height:auto;
 	margin:0 1%;
 	text-align:center;	
	background:var(--BigDiv3-ST-divbg);
	color:var(--BigDiv3-ST-textcolor);
}

.BigDiv3__Standard img{
	max-width:100%;
	height:auto;
	background:var(--BigDiv3-ST-imagebg);
}

.BigDiv3__Standard h3{
	text-align:center;
	margin:5px auto;
}

.BigDiv3__Standard p{
	margin:0;
	padding:0 5%;
}

.BigDiv3__Standard ul li{
	text-align:left;
	margin:0;
	padding:0 6%;
}


/*-----------------------------------
	--OPTION 2--
	Rounded Corners Div 
	(Class: BigDiv3__
RoundedC)
------------------------------------*/

.BigDiv3__RoundedC{
	float:left;
	display:inline;
 	width:31.33%;
 	height:auto;
 	margin:0 1%;
 	text-align:center;	
	background:var(--BigDiv3-RC-divbg);
	color:var(--BigDiv3-RC-textcolor);
	border-radius:20px;
	overflow:hidden;
	padding-bottom:5%;
}

.BigDiv3__RoundedC img{
	max-width:100%;
	height:auto;
	background:var(--BigDiv3-RC-imagebg);
}

.BigDiv3__RoundedC h3{
	margin-bottom:15px;
	text-align:left;
	padding-left:6%;
}

.BigDiv3__RoundedC p{
	text-align:left;
	text-align:left;
	padding:0 3% 0 6%;

}

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


/*-----------------------------------------
	--OPTION 3--
	right side border turns to bottom 
	on 470px screen size 
	(Class: BigDiv3-Div-Line)
-------------------------------------------*/

.BigDiv3__SLine{
	float:left;
   	display:inline;
	width:31%;
	height:auto;
	margin:0 1%;
	text-align:center;
}

.BigDiv3__SLine--Rightborder{
	border-right:solid 1px #eeefef;
}




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

@media screen and (max-width: 768px){
 
/*--------------------BIG DIV (MAIN)---------------------*/	

.BigDiv3{    
    display:block;
	width:90%;
	height:auto;
	margin:0 auto;
    padding:0 5%;
    overflow:hidden;   
}

/*---------------------
	--OPTION 1 --
	Standard Square 
----------------------*/

.BigDiv3__Standard p{
	margin:0;
	padding:0;
}


/*-----------------------
	--OPTION 2--
	Rounded Corners 
------------------------*/

.BigDiv3__RoundedC h3{
	margin-bottom:15px;
	text-align:left;
	padding:0 3%;
}

.BigDiv3__RoundedC p{
	text-align:left;
	padding:0 6%;

}

}




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

@media screen and (max-width: 470px){
 
/*--------------------BIG DIV (MAIN)---------------------*/	
.BigDiv3{
   padding:0;
}


/*---------------------
	--OPTION 1 --
	Standard Square 
----------------------*/

.BigDiv3__Standard{
    float:left;
    display:block;
	width:90%;
	height:auto;
	margin-top:5%;
	margin-left:5%;
	margin-right:5%;
	text-align:center;
	padding:0;
	overflow:hidden;	
}

.BigDiv3__Standard h1,h2,h3,h4{
	text-align:center;
	margin:5px 5%;
}

.BigDiv3__Standard p{
	margin:0 5%;
	margin-bottom:50px;
}

.BigDiv3__Standard ul li{
	text-align:left;
	margin:0;
	padding:0 6%;
	margin-left:20%;
}


/*-----------------------
	--OPTION 2--
	Rounded Corners 
------------------------*/

.BigDiv3__RoundedC{
    float:left;
    display:block;
	width:90%;
	height:auto;
	margin-top:5%;
	margin-left:5%;
	margin-right:5%;
	text-align:center;
	padding:0;
	overflow:hidden;	
}
.BigDiv3__RoundedC h3{
	margin-bottom:15px;
	text-align:left;
	padding-left:2%;
}

.BigDiv3__RoundedC p{
	text-align:left;
	padding:0 6%;
	margin-bottom:10%;
}


/*---------------------
	--OPTION 3--
	Separation Line
-----------------------*/

.BigDiv3__SLine{
	float:left;
    display:block;
	width:90%;
	height:auto;
	margin-top:5%;
	margin-left:5%;
	margin-right:5%;
	text-align:center;
	overflow:hidden;
}

.BigDiv3__SLine--Rightborder{
	border-right:none;
	border-bottom:solid 1px #eeefef;
	padding-bottom:30px;
}

}


/*---------------------------------------------------
		BIG DIV (3 columns x 2 rows) updated-2021
-----------------------------------------------------*/	



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


/*--------------------BIG DIV (MAIN)---------------------*/		

.BigDiv3x2{
   width:90%;
   height:auto;
   margin:0 auto;
   padding-left:2%;  
}

/*---------------------STYLES (OPTIONS)-------------------*/


/*---------------------------------
	--OPTION 1 --
	Standard Square Div 
	(Class: BigDiv3x2__
Standard)
-----------------------------------*/

.BigDiv3x2__Standard{
	float:left;
   	display:inline;
	width:32%;
	height:auto;
	margin-left:.5%;
	padding:0;
	text-align:center;
}

.BigDiv3x2__Standard img{
	max-width:100%;
	margin:0 auto;
}



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

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

/*---------------------------------
	--OPTION 1 --
	Standard Square Div 
	(Class: BigDiv3x2__
Standard)
----------------------------------*/

.BigDiv3x2__Standard{
	float:left;
   	display:inline;
	width:32%;
	height:auto;
	margin-left:.5%;
	padding:2px 0;
	text-align:center;
}

}

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

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

/*--------------------BIG DIV (MAIN)---------------------*/	

.BigDiv3x2{	
   display:block;
   width:95%;
   height:auto;
   margin:0 auto;  
}

/*---------------------------------
	--OPTION 1 --
	Standard Square Div 
	(Class: BigDiv3x2__
Standard)
----------------------------------*/

.BigDiv3x2__Standard{
   	display:block;
	width:98%;
	height:auto;
	margin:2% auto;
	padding:0;
	text-align:center;
}

}