/*  GRID OF FOUR  */
/* .span_4_of_4 {
  width: 100%;
}
.span_3_of_4 {
  width: 74.6%;
}
.span_2_of_4 {
  width: 49.2%;
}
.span_1_of_4 {
  width: 23.8%;
} */

.span_3_of_3 {
  width: 100%;
}
.span_2_of_3 {
  width: 66.6%;
}
.span_1_of_3 {
  width: 32.2%;
}

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 768px) {
  .col {
    margin: 1% 0 1% 0%;
  }
  .span_1_of_3,
  .span_2_of_3,
  .span_3_of_3 {
    width: 100%;
  }
}