/*  GRID OF SIX   ============================================================================= */
/* Default mobile size */
  .span_6_of_6 {
    width: 100%; 
  }
  .span_5_of_6 {
    width: 100%; 
  }
  .span_4_of_6 {
    width: 100%; 
  }
  .span_3_of_6 {
    width: 100%; 
  }
  .span_2_of_6 {
    width: 100%; 
  }
/* The default for a 6 column layout will be, e.g. for 6 columns, 3 rows of 2 columns */
  .span_1_of_6 {
    width: 49.2%; 
  }
/*  Set the 6 columns to 2 rows of 3 columns at greater than or equal to 640 pixels */
@media only screen and (min-width:40em) { /* 40em will be 40x16 i.e. >= 640px */
  .span_1_of_6 {
    width: 32.26%;
  }
}
@media only screen and (min-width:50em) {   /* 50em will be 50x16 i.e. >= 800px */
/*** Desktop and Large Desktop ***/
  .span_6_of_6 {
    width: 100%; 
  }
  .span_5_of_6 {
    width: 83.06%;
  }
  .span_4_of_6 {
    width: 66.13%;
  }
  .span_3_of_6 {
    width: 49.2%;
  }
  .span_2_of_6 {
    width: 32.26%;
  }
  .span_1_of_6 {
    width: 15.33%;
  }
}