.section-container {
  max-width: 1200px;
  margin: 0 auto;
}

.grid-container {
  max-width: 1200px;
  margin: 0 25px;
  width: calc(100% - 50px);
}

.grid-container .row-container > li,
.grid-container .row-container > div{
  float: left;
}
.grid-container .row-container:after{
  content: '';
  clear: both;
  display: block;
}

.grid-container .large-column-1 { width: calc(1/12 * 100%); }
.grid-container .large-column-2 { width: calc(2/12 * 100%); }
.grid-container .large-column-3 { width: calc(3/12 * 100%); }
.grid-container .large-column-4 { width: calc(4/12 * 100%); }
.grid-container .large-column-5 { width: calc(5/12 * 100%); }
.grid-container .large-column-6 { width: calc(6/12 * 100%); }
.grid-container .large-column-7 { width: calc(7/12 * 100%); }
.grid-container .large-column-8 { width: calc(8/12 * 100%); }
.grid-container .large-column-9 { width: calc(9/12 * 100%); }
.grid-container .large-column-10 { width: calc(10/12 * 100%); }
.grid-container .large-column-11 { width: calc(11/12 * 100%); }
.grid-container .large-column-12 { width: 100%; }

@media screen and (max-width: 1000px) {
  .grid-container { max-width:768px; }
  .section-container { max-width: 768px; }

  .grid-container .medium-column-1 { width: calc(1/8 * 100%); }
  .grid-container .medium-column-2 { width: calc(2/8 * 100%); }
  .grid-container .medium-column-3 { width: calc(3/8 * 100%); }
  .grid-container .medium-column-4 { width: calc(4/8 * 100%); }
  .grid-container .medium-column-5 { width: calc(5/8 * 100%); }
  .grid-container .medium-column-6 { width: calc(6/8 * 100%); }
  .grid-container .medium-column-7 { width: calc(7/8 * 100%); }
  .grid-container .medium-column-8 { width: calc(8/8 * 100%); }    
  .grid-container .medium-column-hidden { display: none; }    
}

@media screen and (max-width: 600px) {
  .grid-container { max-width:480px; justify-content: center; }
  .section-container { max-width: 480px; }

  .grid-container .small-column-1 { width: calc(1/4 * 100%); }
  .grid-container .small-column-2 { width: calc(2/4 * 100%); }
  .grid-container .small-column-3 { width: calc(3/4 * 100%); }
  .grid-container .small-column-4 { width: calc(4/4 * 100%); }
  .grid-container .small-column-hidden { display: none; }      
}