/*  GRID OF SEVEN   ============================================================================= */


.span_7_of_7 {
	width: 100%;
}

.span_6_of_7 {
	width: 85.48%;
}

.span_5_of_7 {
  	width: 70.97%;
}

.span_4_of_7 {
  	width: 56.45%;
}

.span_3_of_7 {
  	width: 41.92%;
}

.span_2_of_7 {
  	width: 27.42%;
}

.span_1_of_7 {
  	width: 14.25%;
      text-align: center;
      padding-bottom: 1%;
      padding-top: 1%;
                font-size: .8em;
    color: #907D46;
}
/*  GO FULL WIDTH AT LESS THAN 640 PIXELS */

@media only screen and (max-width:640px) {
    	.span_7_of_7 {
		width: 100%; 
	}
	.span_6_of_7 {
		width: 100%; 
	}
	.span_5_of_7 {
		width: 100%; 
	}
	.span_4_of_7 {
		width: 100%; 
	}
	.span_3_of_7 {
		width: 100%; 
	}
	.span_2_of_7 {
		width: 100%; 
	}
    .span_1_of_7 {
  	    width: 20%;
          text-align: center;
          padding-bottom: 2%;
          padding-top: 2%;
          font-size: .8em;
              color: #907D46;
    }
}
/*  GO FULL WIDTH AT LESS THAN 600 PIXELS */

@media only screen and (max-width:600px) {
	.span_7_of_7 {
		width: 100%; 
	}
	.span_6_of_7 {
		width: 100%; 
	}
	.span_5_of_7 {
		width: 100%; 
	}
	.span_4_of_7 {
		width: 100%; 
	}
	.span_3_of_7 {
		width: 100%; 
	}
	.span_2_of_7 {
		width: 100%; 
	}
    .span_1_of_7 {
  	    width: 25%;
          text-align: center;
          padding-bottom: 2%;
          padding-top: 2%;
                font-size: .8em;
    color: #907D46;
    }
}

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

@media only screen and (max-width: 480px) {
	.span_7_of_7 {
		width: 100%; 
	}
	.span_6_of_7 {
		width: 100%; 
	}
	.span_5_of_7 {
		width: 100%; 
	}
	.span_4_of_7 {
		width: 100%; 
	}
	.span_3_of_7 {
		width: 100%; 
	}
	.span_2_of_7 {
		width: 100%; 
	}
    .span_1_of_7 {
  	    width: 25%;
          text-align: center;
          padding-bottom: 2%;
          padding-top: 2%;
                font-size: .8em;
    color: #907D46;
    }
}

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

@media only screen and (max-width: 320px) {
    .span_7_of_7 {
	    width: 100%;
    }

    .span_6_of_7 {
	    width: 85.48%;
    }

    .span_5_of_7 {
  	    width: 70.97%;
    }

    .span_4_of_7 {
  	    width: 56.45%;
    }

    .span_3_of_7 {
  	    width: 41.92%;
    }

    .span_2_of_7 {
  	    width: 27.42%;
    }

    .span_1_of_7 {
  	    width: 33.3%;
          text-align: center;
          padding-bottom: 2%;
          padding-top: 2%;
                          font-size: .8em;
                              color: #907D46;
    }
}