/*  GRID OF FIVE   ============================================================================= */

	
.span_5_of_5 {
	width: 100%;
}

.span_4_of_5 {
  	width: 79.68%; 
}

.span_3_of_5 {
  	width: 59.36%; 
}

.span_2_of_5 {
  	width: 39.04%;
}

.span_1_of_5 {
  	width: 18.72%;
}


/*Grid of 5 that doesn't go full width on mobile*/

.nobreak_5_of_5 {
	width: 100%;
}

.nobreak_4_of_5 {
  	width: 79.68%; 
}

.nobreak_3_of_5 {
  	width: 59.36%; 
}

.nobreak_2_of_5 {
  	width: 39.04%;
}

.nobreak_1_of_5 {
  	width: 18.72%;
}

	
.xspan_5_of_5 {
	width: 100%;
}

.xspan_4_of_5 {
  	width: 79.68%; 
}

.xspan_3_of_5 {
  	width: 59.36%; 
}

.xspan_2_of_5 {
  	width: 39.04%;
}

.xspan_1_of_5 {
  	width: 18.72%;
}


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

@media only screen and (max-width: 1024px) {
	.span_5_of_5 {
		width: 100%; 
	}
	.span_4_of_5 {
		width: 100%; 
	}
	.span_3_of_5 {
		width: 100%; 
	}
	.span_2_of_5 {
		width: 100%; 
	}
	.span_1_of_5 {
		width: 100%; 
	}
}


@media only screen and (max-width: 720px) {
	.xspan_5_of_5 {
		width: 100%; 
	}
	.xspan_4_of_5 {
		width: 100%; 
	}
	.xspan_3_of_5 {
		width: 100%; 
	}
	.xspan_2_of_5 {
		width: 100%; 
	}
	.xspan_1_of_5 {
		width: 50%; 
	}
}