/*  GRID OF FOUR   ============================================================================= */

	
	.span_4_of_4 {
		width: 100%; 
	}

	.span_3_of_4 {
		width: 75%; 
	}

	.span_2_of_4 {
		width: 50%; 
	}

	.span_1_of_4 {
		width: 25%; 
	}


	.span_4_of_4b{
		width: 100%; 
	}

	.span_3_of_4b {
		width: 75%; 
	}

	.span_2_of_4b {
		width: 50%; 
	}

	.span_1_of_4b {
		width: 25%; 
	}


	.span_4_of_4c{
		width: 100%; 
	}

	.span_3_of_4c {
		width: 75%; 
	}

.span_2_of_4c {
	width: 50%; 
}

.span_1_of_4c {
	width: 25%; 
}




@media screen and (max-width: 920px) {
	.span_4_of_4b {
		width: 100%; 
	}
	.span_3_of_4b {
		width: 75%; 
	}
	.span_2_of_4b {
		width: 50%; 
	}
	.span_1_of_4b {
		width: 25%; 
	}


	.span_4_of_4c{
		width: 100%; 
	}

	.span_3_of_4c {
		width: 70%; 
	}

	.span_2_of_4c {
		width: 50%; 
	}

	.span_1_of_4c {
		width: 30%; 
	}

	
}


@media screen and (max-width: 768px) {
	.span_4_of_4 {
		width: 100%; 
	}
	.span_3_of_4 {
		width: 100%; 
	}
	.span_2_of_4 {
		width: 100%; 
	}
	.span_1_of_4 {
		width: 100%; 
	}
	
	.span_4_of_4b {
		width: 100%; 
	}
	.span_3_of_4b {
		width: 50%; 
	}
	.span_2_of_4b {
		width: 50%; 
	}
	.span_1_of_4b {
		width: 50%; 
	}


	.span_4_of_4c{
		width: 100%; 
	}

	.span_3_of_4c {
		width: 70%; 
	}

	.span_2_of_4c {
		width: 50%; 
	}

	.span_1_of_4c {
		width: 30%; 
	}

}



@media screen and (max-width: 594px) {
	.span_4_of_4 {
		width: 100%; 
	}
	.span_3_of_4 {
		width: 100%; 
	}
	.span_2_of_4 {
		width: 100%; 
	}
	.span_1_of_4 {
		width: 100%; 
	}

	.span_4_of_4b {
		width: 100%; 
	}
	.span_3_of_4b {
		width: 50%; 
	}
	.span_2_of_4b {
		width: 50%; 
	}
	.span_1_of_4b {
		width: 50%; 
	}

	

	.span_4_of_4c{
		width: 100%; 
	}

	.span_3_of_4c {
		width: 65%; 
	}

	.span_2_of_4c {
		width: 50%; 
	}

	.span_1_of_4c {
		width: 35%; 
	}

		
}



@media screen and (max-width: 480px) {
	.span_4_of_4 {
		width: 100%; 
	}
	.span_3_of_4 {
		width: 100%; 
	}
	.span_2_of_4 {
		width: 100%; 
	}
	.span_1_of_4 {
		width: 100%; 
	}

	.span_4_of_4b {
		width: 100%; 
	}
	.span_3_of_4b {
		width: 100%; 
	}
	.span_2_of_4b {
		width: 100%; 
	}
	.span_1_of_4b {
		width: 100%; 
	}


	.span_4_of_4c{
		width: 100%; 
	}

	.span_3_of_4c {
		width: 60%; 
	}

	.span_2_of_4c {
		width: 50%; 
	}

	.span_1_of_4c {
		width: 40%; 
	}

		
}