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

	
.span_5_of_5 {
	width: 100%;
}

.span_4_of_5 {
  	width: 80%; 
}

.span_3_of_5 {
  	width: 60%; 
}

.span_2_of_5 {
  	width: 40%;
}

.span_1_of_5 {
  	width: 20%;
}


.span_5_of_5b {
	width: 100%;
}

.span_4_of_5b {
  	width: 80%; 
}

.span_3_of_5b {
  	width: 60%; 
}

.span_2_of_5b {
  	width: 40%;
}

.span_1_of_5b {
  	width: 20%;
}



.span_5_of_5c {
	width: 100%;
}

.span_4_of_5c {
  	width: 80%; 
}

.span_3_of_5c {
  	width: 60%; 
}

.span_2_of_5c {
  	width: 40%;
}

.span_1_of_5c {
  	width: 20%;
}



@media screen and (max-width: 668px) {
	.span_5_of_5b {
		width: 100%; 
	}
	.span_4_of_5b {
		width: 100%; 
	}
	.span_3_of_5b {
		width: 100%; 
	}
	.span_2_of_5b {
		width: 100%; 
	}
	.span_1_of_5b {
		width: 100%; 
	}

	
	
	.span_4_of_5c {
		width: 70%; 
	}

	.span_1_of_5c {
		width: 30%;
	}

}


@media screen and (max-width: 480px) {
	.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%; 
	}

	.span_4_of_5c {
		width: 70%; 
	}

	.span_1_of_5c {
		width: 30%;
	}

	
}