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

/*=================================================================
	PAGES:
	process
==================================================================*/	



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

.BigDiv7-flex {
	display: flex;
	width: 70%;
	height: auto;
	margin: 0 auto;
	justify-content: center;
	flex-wrap: nowrap;
	flex-direction: row;
}

.BigDiv7-flex-item {
	flex-basis: content;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;	
}

.BigDiv7-flex-item img {
	height: 100%;
	width: auto;
	vertical-align: bottom;	
}

.BigDiv7-flex-itemDiv-2 {
	height: 100px;
}

.BigDiv7-flex-itemDiv-2 p {
	font-size: 90%;
}





/*************************
		iPad Pro
**************************/	

@media screen and (max-width: 1024px){
	
	.BigDiv7-flex {
		width: 80%;
	}

	.BigDiv7-flex-itemDiv-2 p {
		font-size: 98%;		
	}

}



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

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

	.BigDiv7-flex {
		width: 80%;
	}

}



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

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

	.BigDiv7-flex {
		width: 76%;
	}

	.BigDiv7-flex-item img {
		height: 90%;
	}

	.BigDiv7-flex-item {
		width: 20%;		
	}

}



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

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

#notMobile {display:none}

	.BigDiv7-flex {
		display: flex;
		width: 100%;
		height: auto;
		margin: 0 auto;
		justify-content: center;
		flex-wrap: wrap;
		flex-direction: column;
	}

	.BigDiv7-flex-item {
		text-align: center;	
		margin: 0 0 2% 0;
		padding: 0;
		display: flex;
		flex-direction: column;
		justify-content:center;
		width: 100%;
	}

	.BigDiv7-flex-itemDiv-2 p {
		font-size: 100%;
		margin-inline: 10%;
	}

}
	
	
/*****************************
		Big Screen
******************************/	

@media screen and (min-width: 1920px){

	.BigDiv7-flex {
		display: flex;
		width: 50%;
		height: auto;
		margin: 0 auto;
		justify-content: center;
		flex-wrap: nowrap;
		flex-direction: row;
	}

	.BigDiv7-flex-item img {
		height: 100%;
		width: auto;
	}

	.BigDiv7-flex-itemDiv-1 {
		flex-basis: content;
	}

	.BigDiv7-flex-itemDiv-2 {
		margin-top: 10%;
	}

}