/* Display Modes */
.acgRwdDisplayPhone
{
	display:none !important;
}
.acgRwdDisplayTablet
{
	display:none !important;
}
.acgRwdDisplayDesktop
{
	display:none !important;
}
.acgRwdDisplayNarrow
{
	display:none !important;
}
.acgRwdDisplayWide
{
	display:none !important;
}
.acgRwdDisplayTabletNarrow
{
	display:none !important;
}
.acgRwdDisplayTabletWide
{
	display:none !important;
}


@media (max-width:599px)
{
	.acgRwdDisplayPhone
	{
		display:revert !important;
	}
}
@media (min-width:600px) and (max-width:1023px)
{
	.acgRwdDisplayTablet
	{
		display:revert !important;
	}
}
@media (min-width:1024px)
{
	.acgRwdDisplayDesktop
	{
		display:revert !important;
	}
}
@media (max-width:877px)
{
	.acgRwdDisplayNarrow
	{
		display:revert !important;
	}
}
@media (min-width:878px)
{
	.acgRwdDisplayWide
	{
		display:revert !important;
	}
}
@media (min-width:600px) and (max-width:877px)
{
	.acgRwdDisplayTabletNarrow
	{
		display:revert !important;
	}
}
@media (min-width:878px) and (max-width:1023px)
{
	.acgRwdDisplayTabletWide
	{
		display:revert !important;
	}
}


/* Dynamic Tables */
.acgRwdTable
{
	display:block !important;
	jtext-align:center;
	width:100%;
}
.acgRwdTableCell
{
	display:block !important;
	jwidth:100%;
	jtext-align:center;
}
@media screen and (min-width:768px)
{
	.acgRwdTable
	{
		display:table !important;
	}
	.acgRwdTableCell
	{
		display:table-cell !important;
		vertical-align:middle;
		jtext-align:left;
	}
}

@media screen and (min-width:768px)
{
	.acgRwdWidth67
	{
		width:67%;
	}

	.acgRwdWidth66
	{
		width:66.4%;	/* 66.6 causes wrapping... */
	}

	.acgRwdWidth33
	{
		width:33.3%;
	}

	.acgRwdWidth50
	{
		width:50%;
	}

	.acgRwdWidth60
	{
		width:60%;
	}

	.acgRwdWidth40
	{
		width:40%;
	}

	.acgRwdWidth75
	{
		width:74.8%;
	}

	.acgRwdWidth25
	{
		width:25%;
	}
}

.acg-flex-table
{
	display:block;
}

@media screen and (min-width:768px)
{
	.acg-flex-table
	{
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-between; /* use 'space-evenly' if outer gutter is desired */
	}
}

.acg-flex-table-cell
{
	box-sizing:border-box;
}

@media screen and (max-width:767px)
{
	.acg-flex-table-cell
	{
		width:100% !important;
	}
}

.acg-flex-col2, .acg-flex-col3, .acg-flex-col3-stack, .acg-flex-col4, .acg-flex-col4-stack
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
}

.acg-flex-col-10, .acg-flex-col-20, .acg-flex-col-30, .acg-flex-col-40, .acg-flex-col-50, .acg-flex-col-60, .acg-flex-col-70, .acg-flex-col-80, .acg-flex-col-90
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
}

@media screen and (max-width:768px)
{
	.acg-flex-col, .acg-flex-col2, .acg-flex-col3, .acg-flex-col3-stack, .acg-flex-col4, .acg-flex-col4-stack
	{
		width:100%;
		margin-bottom:1em;
	}
	.acg-flex-col-10, .acg-flex-col-20, .acg-flex-col-30, .acg-flex-col-40, .acg-flex-col-50, .acg-flex-col-60, .acg-flex-col-70, .acg-flex-col-80, .acg-flex-col-90
	{
		width:100%;
	}
}

@media screen and (min-width:768px)
{
	.acg-flex-col2
	{
		width:calc(1/2*100% - 0.5em);
	}
	.acg-flex-col3, .acg-flex-col3-stack
	{
		width:calc(1/3*100% - 0.67em);
	}
	.acg-flex-col4, .acg-flex-col4-stack
	{
		width:calc(1/4*100% - 0.75em);
	}
	
	.acg-flex-col-10
	{
		width:10%;
	}
	.acg-flex-col-20
	{
		width:20%;
	}
	.acg-flex-col-30
	{
		width:30%;
	}
	.acg-flex-col-40
	{
		width:40%;
	}
	.acg-flex-col-50
	{
		width:50%;
	}
	.acg-flex-col-60
	{
		width:60%;
	}
	.acg-flex-col-70
	{
		width:70%;
	}
	.acg-flex-col-80
	{
		width:80%;
	}
	.acg-flex-col-90
	{
		width:90%;
	}
	
}
