@media only screen and (min-width:769px){
  .medium-up--one-seventh{width:14.2857%}
  .grid--uniform .medium-up--one-seventh:nth-of-type(7n+1){clear:both}
  .medium-up--one-eighth{width:12.5%}
  .grid--uniform .medium-up--one-eighth:nth-of-type(8n+1){clear:both}
}
@media only screen and (max-width:768px){
  .small--one-seventh{width:14.2857%}
  .grid--uniform .small--one-seventh:nth-of-type(7n+1){clear:both}
  .small--one-eighth{width:12.5%}
  .grid--uniform .small--one-eighth:nth-of-type(8n+1){clear:both}
}