/*-----------------------------------------------------------------------------
		BigDiv (for logo wall) updated-2026
------------------------------------------------------------------------------*/	

/*=================================================================
	PAGES:
	index
==================================================================*/	



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

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


/*------5 in a row--------*/

.BigDiv-flex-item5 {
	display: flex;
	text-align: center;	
	width: 20%;
	margin: 0 auto;
	padding: 0;	
}

.BigDiv-flex-item5 img {
	width: 100%;
	height: auto;
	display: block;
}


/*------6in a row--------*/

.BigDiv-flex-item6 {
	display: flex;
	text-align: center;	
	width:15%;
	margin: 0 auto;
	padding: 0;	
}

.BigDiv-flex-item6 img {
	width: 80%;
}

.BigDiv-flex-item6 li{
	list-style: none;
	font-size: 90%;
}

.BigDiv-flex-item6 a:link, a:visited  {
	color: var(--primary_textcolor);
}

.BigDiv-flex-item6 a:hover img {
	opacity: 0.6;
}


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

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

.BigDiv-flex {
	display: flex;
	width: 80%;
	height: auto;
	margin: 0 auto;
	justify-content: center;
	flex-wrap: wrap;
	flex-direction: row;
	overflow: hidden;
}

}



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

@media screen and (max-width: 768px){
 
	.BigDiv-flex {
		display: flex;
		width: 90%;
		height: auto;
		margin: 0 auto;
		justify-content: center;
		flex-wrap: wrap;
		flex-direction: row;
	}

	.BigDiv-flex-item5 {
		text-align: center;	
		width: 30%;
		margin: 0 auto;
		padding: 0;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

}
	


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

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

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

	.BigDiv-flex-item5 {
		text-align: center;	
		width: 30%;
		margin: 0 auto;
		padding: 0;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}


}


	
/*****************************
		Big Monitor
******************************/	

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

	.BigDiv-flex {
		width: 60%;
	}
	
}