/*  GRID OF TWELVE   ============================================================================= */

.span_24_of_24
{width: 100%;}

.span_23_of_24
{width: 95.83%;}

.span_22_of_24
{width: 91.66%;}

.span_21_of_24
{width: 87.5%;}

.span_20_of_24
{width: 83.33%;}

.span_19_of_24
{width: 79.16%;}

.span_18_of_24
{width: 75%;}

.span_17_of_24
{width: 70.83%;}

.span_16_of_24
{width: 66.66%;}

.span_15_of_24
{width: 62.5%;}

.span_14_of_24
{width: 58.33%;}

.span_13_of_24
{width: 54.16%;}

.span_12_of_24
{width: 50%;}

.span_11_of_24
{width: 45.83%;}

.span_10_of_24
{width: 41.66%;}

.span_9_of_24
{width: 37.5%;}

.span_8_of_24
{width: 33.33%;}

.span_7_of_24
{width: 29.16%;}

.span_6_of_24
{width: 25%;}

.span_5_of_24
{width: 20.83%;}

.span_4_of_24
{width: 16.66%;}

.span_3_of_24
{width: 12.5%;}

.span_2_of_24
{width: 8.33%;}

.span_1_of_24
{width: 4.16%;}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px)
	{
	.span_24_of_24
		{width: calc(100% - 10px);	padding-left:5px;	padding-right:5px;}

	.span_23_of_24
		{width: calc(100% - 10px);	padding-left:5px;	padding-right:5px;}

	.span_22_of_24
		{width: calc(100% - 10px);	padding-left:5px;	padding-right:5px;}

	.span_21_of_24
		{width: calc(100% - 10px);	padding-left:5px;	padding-right:5px;}

	.span_20_of_24
		{width: calc(100% - 10px);	padding-left:5px;	padding-right:5px;}

	.span_19_of_24
		{width: calc(100% - 10px);	padding-left:5px;	padding-right:5px;}

	.span_18_of_24
		{width: calc(100% - 10px);	padding-left:5px;	padding-right:5px;}

	.span_17_of_24
		{width: calc(100% - 10px);	padding-left:5px;	padding-right:5px;}

	.span_16_of_24
		{width: calc(100% - 10px);	padding-left:5px;	padding-right:5px;}

	.span_15_of_24
		{width: calc(100% - 10px);	padding-left:5px;	padding-right:5px;}

	.span_14_of_24
		{width: calc(100% - 10px);	padding-left:5px;	padding-right:5px;}

	.span_13_of_24
		{width: calc(100% - 10px);	padding-left:5px;	padding-right:5px;}

	.span_12_of_24
		{width: calc(100% - 10px);	padding-left:5px;	padding-right:5px;}

	.span_11_of_24
		{width: calc(100% - 10px);	padding-left:5px;	padding-right:5px;}

	.span_10_of_24
		{width: calc(100% - 10px);	padding-left:5px;	padding-right:5px;}

	.span_9_of_24
		{width: calc(100% - 10px);	padding-left:5px;	padding-right:5px;}

	.span_8_of_24
		{width: calc(100% - 10px);	padding-left:5px;	padding-right:5px;}

	.span_7_of_24
		{width: calc(100% - 10px);	padding-left:5px;	padding-right:5px;}

	.span_6_of_24
		{width: calc(100% - 10px);	padding-left:5px;	padding-right:5px;}

	.span_5_of_24
		{width: calc(100% - 10px);	padding-left:5px;	padding-right:5px;}

	.span_4_of_24
		{width: calc(100% - 10px);	padding-left:5px;	padding-right:5px;}

	.span_3_of_24
		{width: calc(100% - 10px);	padding-left:5px;	padding-right:5px;}

	.span_2_of_24
		{width: calc(100% - 10px);	padding-left:5px;	padding-right:5px;}

	.span_1_of_24
		{width: calc(100% - 10px);	padding-left:5px;	padding-right:5px;}
	}