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

.span_12_of_12 {
	width: 100%;
}

.span_11_of_12 {
	width: 91.53%;
}

.span_10_of_12 {
	width: 83.06%;
}

.span_9_of_12 {
	width: 74.6%;
}

.span_8_of_12 {
	width: 66.13%;
}

.span_7_of_12 {
	width: 57.66%; 
}

.span_6_of_12 {
	width: 49.2%; 
}

.span_5_of_12 {
	width: 40.73%; 
}

.span_4_of_12 {
	width: 32.26%; 
}

.span_3_of_12 {
	width: 23.8%;
}

.span_2_of_12 {
	width: 15.33%; 
}

.span_1_of_12 {
	width: 6.86%; 
}


/*  GRID OF TWELVE  - WIDE MARGIN  ============================================================================= */
.span_12_of_12_wm {
	width: 100%;
}

.span_11_of_12_wm {
  	width: 91.45%;
}
.span_10_of_12_wm {
  	width: 82.9%;
}

.span_9_of_12_wm {
  	width: 74.35%;
}

.span_8_of_12_wm {
  	width: 65.8%;
}

.span_7_of_12_wm {
  	width: 57.25%;
}

.span_6_of_12_wm {
  	width: 48.7%;
}

.span_5_of_12_wm {
  	width: 40.15%;
}

.span_4_of_12_wm {
  	width: 31.6%;
}

.span_3_of_12_wm {
  	width: 23.05%;
}

.span_2_of_12_wm {
  	width: 14.5%;
}

.span_1_of_12_wm {
  	width: 5.95%;
}



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

@media only screen and (max-width: 1000px) {

.responsive-series .span_3_of_12, #series-books .span_3_of_12 {
	width: 31.6%; 
	}

}

@media only screen and (max-width: 800px) {
.span_1_of_12, .span_2_of_12, .span_3_of_12, .span_4_of_12, .span_5_of_12, .span_6_of_12, .span_7_of_12, .span_8_of_12, .span_9_of_12, .span_10_of_12, .span_11_of_12, .span_12_of_12, .span_1_of_12_wm, .span_2_of_12_wm, .span_3_of_12_wm, .span_4_of_12_wm, .span_5_of_12_wm, .span_6_of_12_wm, .span_7_of_12_wm, .span_8_of_12_wm, .span_9_of_12_wm, .span_10_of_12_wm, .span_11_of_12_wm, .span_12_of_12_wm {
	width: 100%; 
	}

.translation-box .span_4_of_12 {
  width: 32.26%; 
}

.translation-box .span_8_of_12 {
  width: 66.13%;
}

.responsive-series .span_3_of_12 {
	width: 23.05%; 
	}

.responsive-bonus .span_2_of_12 {
	width: 23.05%; 
	}

}

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

@media only screen and (max-width: 600px) {

#series-books .span_3_of_12 {
	width: 48.7%; 
	}

.responsive-series .span_3_of_12 {
	width: 31.6%; 
	}
.responsive-bonus .span_2_of_12 {
	width: 31.6%; 
	}
  
  .translation-box .span_4_of_12 {
  width: 32.26%; 
}

.translation-box .span_8_of_12 {
  width: 66.13%;
}
  
}

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

@media only screen and (max-width: 400px) {

.responsive-series .span_3_of_12, #series-books .span_3_of_12, .translation-box .span_4_of_12, .translation-box .span_8_of_12 {
	width: 100%; 
	}
.responsive-bonus .span_2_of_12 {
	width: 48.7%; 
	}
  

  
  
}