/* ---------------------------------- */
/* ==Grid Layout (grillade)           */
/* ---------------------------------- */
/* grid container */
[class*="grid-"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left:calc( -1 * var(--gutter)); }

/* grid-container justify center */
[class*="grid-"].center {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}



/* grid childs */
[class*="grid-"] > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  width: calc(100% - var(--gutter) - .01px);
  min-width: 0;
  min-height: 0;
  margin-left: var(--gutter); }

@media (min-width: 320px) and (max-width: 600px) {
  [class*="grid-"] > * {
    width: calc(100% * 1 / 2 - var(--gutter) - .01px); }
  [class*="grid-"] > *.grid-item-double {
    width: calc(100% - var(--gutter) - .01px); } }

@media (min-width: 601px) {
  [class*="grid-2"] > * {
    width: calc(100% * 1 / 2 - var(--gutter) - .01px); }
  [class*="grid-2"] > .grid-item-double {
    width: calc(100% * 2 / 2 - var(--gutter)); }
  [class*="grid-3"] > * {
    width: calc(100% * 1 / 3 - var(--gutter) - .01px); }
  [class*="grid-3"] > .grid-item-double {
    width: calc(100% * 2 / 3 - var(--gutter)); }
  [class*="grid-4"] > * {
    width: calc(100% * 1 / 4 - var(--gutter) - .01px); }
  [class*="grid-4"] > .grid-item-double {
    width: calc(100% * 2 / 4 - var(--gutter)); }
  [class*="grid-5"] > * {
    width: calc(100% * 1 / 5 - var(--gutter) - .01px); }
  [class*="grid-5"] > .grid-item-double {
    width: calc(100% * 2 / 5 - var(--gutter)); }
  [class*="grid-6"] > * {
    width: calc(100% * 1 / 6 - var(--gutter) - .01px); }
  [class*="grid-6"] > .grid-item-double {
    width: calc(100% * 2 / 6 - var(--gutter)); }
  [class*="grid-7"] > * {
    width: calc(100% * 1 / 7 - var(--gutter) - .01px); }
  [class*="grid-7"] > .grid-item-double {
    width: calc(100% * 2 / 7 - var(--gutter)); }
  [class*="grid-8"] > * {
    width: calc(100% * 1 / 8 - var(--gutter) - .01px); }
  [class*="grid-8"] > .grid-item-double {
    width: calc(100% * 2 / 8 - var(--gutter)); }
  [class*="grid-9"] > * {
    width: calc(100% * 1 / 9 - var(--gutter) - .01px); }
  [class*="grid-9"] > .grid-item-double {
    width: calc(100% * 2 / 9 - var(--gutter)); }
  [class*="grid-10"] > * {
    width: calc(100% * 1 / 10 - var(--gutter) - .01px); }
  [class*="grid-10"] > .grid-item-double {
    width: calc(100% * 2 / 10 - var(--gutter)); }
  [class*="grid-11"] > * {
    width: calc(100% * 1 / 11 - var(--gutter) - .01px); }
  [class*="grid-11"] > .grid-item-double {
    width: calc(100% * 2 / 11 - var(--gutter)); }
  [class*="grid-12"] > * {
    width: calc(100% * 1 / 12 - var(--gutter) - .01px); }
  [class*="grid-12"] > .grid-item-double {
    width: calc(100% * 2 / 12 - var(--gutter)); } }

@media (min-width: 601px) {
  [class*="grid-2-1"] > :nth-child(odd) {
    width: calc(66.6666666667% - var(--gutter)); }
  [class*="grid-2-1"] > :nth-child(even) {
    width: calc(33.3333333333% - var(--gutter)); } }

@media (min-width: 601px) {
  [class*="grid-1-2"] > :nth-child(odd) {
    width: calc(33.3333333333% - var(--gutter)); }
  [class*="grid-1-2"] > :nth-child(even) {
    width: calc(66.6666666667% - var(--gutter)); } }

@media (min-width: 601px) {
  [class*="grid-3-1"] > :nth-child(odd) {
    width: calc(75% - var(--gutter)); }
  [class*="grid-3-1"] > :nth-child(even) {
    width: calc(25% - var(--gutter)); } }

@media (min-width: 601px) {
  [class*="grid-1-3"] > :nth-child(odd) {
    width: calc(25% - var(--gutter)); }
  [class*="grid-1-3"] > :nth-child(even) {
    width: calc(75% - var(--gutter)); } }

@media (min-width: 601px) {
  [class*="grid-3-2"] > :nth-child(odd) {
    width: calc(60% - var(--gutter)); }
  [class*="grid-3-2"] > :nth-child(even) {
    width: calc(40% - var(--gutter)); } }

@media (min-width: 601px) {
  [class*="grid-2-3"] > :nth-child(odd) {
    width: calc(40% - var(--gutter)); }
  [class*="grid-2-3"] > :nth-child(even) {
    width: calc(60% - var(--gutter)); } }

@media (min-width: 601px) {
  [class*="grid-4-1"] > :nth-child(odd) {
    width: calc(80% - var(--gutter)); }
  [class*="grid-4-1"] > :nth-child(even) {
    width: calc(20% - var(--gutter)); } }

@media (min-width: 601px) {
  [class*="grid-1-4"] > :nth-child(odd) {
    width: calc(20% - var(--gutter)); }
  [class*="grid-1-4"] > :nth-child(even) {
    width: calc(80% - var(--gutter)); } }

.pull {
  margin-right: auto; }

.push {
  margin-left: auto; }

/* Responsive grid */
@media (min-width: 320px) and (max-width: 600px) {
  [class*="-small-4"] > * {
    width: calc(100% * 1 / 4 - var(--gutter) - .01px); }
  [class*="-small-4"] > .grid-item-double {
    width: calc(100% * 1 / 2 - var(--gutter) - .01px); }
  [class*="-small-3"] > * {
    width: calc(100% * 1 / 3 - var(--gutter) - .01px); }
  [class*="-small-3"] > .grid-item-double {
    width: calc(100% * 2 / 3 - var(--gutter) - .01px); }
  [class*="-small-2"] > * {
    width: calc(100% * 1 / 2 - var(--gutter) - .01px); }
  [class*="-small-2"] > .grid-item-double {
    width: calc(100% - var(--gutter) - .01px); }
  [class*="-small-1"] > * {
    width: calc(100% - var(--gutter) - .01px); }
  [class*="-small-1"] > .grid-item-double {
    width: calc(100% - var(--gutter) - .01px); } }

/* Responsive grid */
@media (max-width: 1800px) {
  [class*="-xxlarge-4"] > * {
    width: calc(100% * 1 / 4 - var(--gutter) - .01px); }
    [class*="-xxlarge-4"] > *:nth-child(odd) {
      width: calc(100% * 1 / 4 - var(--gutter) - .01px); }
    [class*="-xxlarge-4"] > *:nth-child(even) {
      width: calc(100% * 1 / 4 - var(--gutter) - .01px); }
  [class*="-xxlarge-4"] > .grid-item-double {
    width: calc(100% * 1 / 2 - var(--gutter) - .01px); }
  [class*="-xxlarge-3"] > * {
    width: calc(100% * 1 / 3 - var(--gutter) - .01px); }
    [class*="-xxlarge-3"] > *:nth-child(odd) {
      width: calc(100% * 1 / 3 - var(--gutter) - .01px); }
    [class*="-xxlarge-3"] > *:nth-child(even) {
      width: calc(100% * 1 / 3 - var(--gutter) - .01px); }
  [class*="-xxlarge-3"] > .grid-item-double {
    width: calc(100% * 2 / 3 - var(--gutter) - .01px); }
  [class*="-xxlarge-2"] > * {
    width: calc(100% * 1 / 2 - var(--gutter) - .01px); }
    [class*="-xxlarge-2"] > *:nth-child(odd) {
      width: calc(100% * 1 / 2 - var(--gutter) - .01px); }
    [class*="-xxlarge-2"] > *:nth-child(even) {
      width: calc(100% * 1 / 2 - var(--gutter) - .01px); }
  [class*="-xxlarge-2"] > .grid-item-double {
    width: calc(100% - var(--gutter) - .01px); }
  [class*="-xxlarge-1"] > * {
    width: calc(100% - var(--gutter) - .01px); }
    [class*="-xxlarge-1"] > *:nth-child(odd) {
      width: calc(100% - var(--gutter) - .01px); }
    [class*="-xxlarge-1"] > *:nth-child(even) {
      width: calc(100% - var(--gutter) - .01px); }
  [class*="-xxlarge-1"] > .grid-item-double {
    width: calc(100% - var(--gutter) - .01px); }
    
    [class*="-xxlarge-2-1"] > *:nth-child(odd) {
        width: calc(66.6666666667% - var(--gutter)); }
      [class*="-xxlarge-2-1"] > *:nth-child(even) {
        width: calc(33.3333333333% - var(--gutter)); } 
      [class*="-xxlarge-1-2"] > *:nth-child(odd) {
        width: calc(33.3333333333% - var(--gutter)); }
      [class*="-xxlarge-1-2"] > *:nth-child(even) {
        width: calc(66.6666666667% - var(--gutter)); }
      [class*="-xxlarge-3-1"] > *:nth-child(odd) {
        width: calc(75% - var(--gutter)); }
      [class*="-xxlarge-3-1"] > *:nth-child(even) {
        width: calc(25% - var(--gutter)); }
      [class*="-xxlarge-1-3"] > *:nth-child(odd) {
        width: calc(25% - var(--gutter)); }
      [class*="-xxlarge-1-3"] > *:nth-child(even) {
        width: calc(75% - var(--gutter)); }
      [class*="-xxlarge-4-1"] > *:nth-child(odd) {
        width: calc(80% - var(--gutter)); }
      [class*="-xxlarge-4-1"] > *:nth-child(even) {
        width: calc(20% - var(--gutter)); }
      [class*="-xxlarge-1-4"] > *:nth-child(odd) {
        width: calc(20% - var(--gutter)); }
      [class*="-xxlarge-1-4"] > *:nth-child(even) {
        width: calc(80% - var(--gutter)); } 


}

@media (max-width: 1600px) {
  [class*="-xlarge-4"] > * {
    width: calc(100% * 1 / 4 - var(--gutter) - .01px); }
    [class*="-xlarge-4"] > *:nth-child(odd) {
      width: calc(100% * 1 / 4 - var(--gutter) - .01px); }
    [class*="-xlarge-4"] > *:nth-child(even) {
      width: calc(100% * 1 / 4 - var(--gutter) - .01px); }
  [class*="-xlarge-4"] > .grid-item-double {
    width: calc(100% * 1 / 2 - var(--gutter) - .01px); }
  [class*="-xlarge-3"] > * {
    width: calc(100% * 1 / 3 - var(--gutter) - .01px); }
    [class*="-xlarge-3"] > *:nth-child(odd) {
      width: calc(100% * 1 / 3 - var(--gutter) - .01px); }
    [class*="-xlarge-3"] > *:nth-child(even) {
      width: calc(100% * 1 / 3 - var(--gutter) - .01px); }
  [class*="-xlarge-3"] > .grid-item-double {
    width: calc(100% * 2 / 3 - var(--gutter) - .01px); }
  [class*="-xlarge-2"] > * {
    width: calc(100% * 1 / 2 - var(--gutter) - .01px); }
    [class*="-xlarge-2"] > *:nth-child(odd) {
      width: calc(100% * 1 / 2 - var(--gutter) - .01px); }
    [class*="-xlarge-2"] > *:nth-child(even) {
      width: calc(100% * 1 / 2 - var(--gutter) - .01px); }
  [class*="-xlarge-2"] > .grid-item-double {
    width: calc(100% - var(--gutter) - .01px); }
  [class*="-xlarge-1"] > * {
    width: calc(100% - var(--gutter) - .01px); }
    [class*="-xlarge-1"] > *:nth-child(odd) {
      width: calc(100% - var(--gutter) - .01px); }
    [class*="-xlarge-1"] > *:nth-child(even) {
      width: calc(100% - var(--gutter) - .01px); }
  [class*="-xlarge-1"] > .grid-item-double {
    width: calc(100% - var(--gutter) - .01px); }

      [class*="-xlarge-2-1"] > *:nth-child(odd) {
        width: calc(66.6666666667% - var(--gutter)); }
      [class*="-xlarge-2-1"] > *:nth-child(even) {
        width: calc(33.3333333333% - var(--gutter)); } 
      [class*="-xlarge-1-2"] > *:nth-child(odd) {
        width: calc(33.3333333333% - var(--gutter)); }
      [class*="-xlarge-1-2"] > *:nth-child(even) {
        width: calc(66.6666666667% - var(--gutter)); }
      [class*="-xlarge-3-1"] > *:nth-child(odd) {
        width: calc(75% - var(--gutter)); }
      [class*="-xlarge-3-1"] > *:nth-child(even) {
        width: calc(25% - var(--gutter)); }
      [class*="-xlarge-1-3"] > *:nth-child(odd) {
        width: calc(25% - var(--gutter)); }
      [class*="-xlarge-1-3"] > *:nth-child(even) {
        width: calc(75% - var(--gutter)); }
      [class*="-xlarge-4-1"] > *:nth-child(odd) {
        width: calc(80% - var(--gutter)); }
      [class*="-xlarge-4-1"] > *:nth-child(even) {
        width: calc(20% - var(--gutter)); }
      [class*="-xlarge-1-4"] > *:nth-child(odd) {
        width: calc(20% - var(--gutter)); }
      [class*="-xlarge-1-4"] > *:nth-child(even) {
        width: calc(80% - var(--gutter)); } 



}

@media (max-width: 1400px) {
  [class*="-largeplus-4"] > * {
    width: calc(100% * 1 / 4 - var(--gutter) - .01px); }
    [class*="-largeplus-4"] > *:nth-child(odd) {
      width: calc(100% * 1 / 4 - var(--gutter) - .01px); }
    [class*="-largeplus-4"] > *:nth-child(even) {
      width: calc(100% * 1 / 4 - var(--gutter) - .01px); }
  [class*="-largeplus-4"] > .grid-item-double {
    width: calc(100% * 1 / 2 - var(--gutter) - .01px); }
  [class*="-largeplus-3"] > * {
    width: calc(100% * 1 / 3 - var(--gutter) - .01px); }
    [class*="-largeplus-3"] > *:nth-child(odd) {
      width: calc(100% * 1 / 3 - var(--gutter) - .01px); }
    [class*="-largeplus-3"] > *:nth-child(even) {
      width: calc(100% * 1 / 3 - var(--gutter) - .01px); }
  [class*="-largeplus-3"] > .grid-item-double {
    width: calc(100% * 2 / 3 - var(--gutter) - .01px); }
  [class*="-largeplus-2"] > * {
    width: calc(100% * 1 / 2 - var(--gutter) - .01px); }
    [class*="-largeplus-2"] > *:nth-child(odd) {
      width: calc(100% * 1 / 2 - var(--gutter) - .01px); }
    [class*="-largeplus-2"] > *:nth-child(even) {
      width: calc(100% * 1 / 2 - var(--gutter) - .01px); }
  [class*="-largeplus-2"] > .grid-item-double {
    width: calc(100% - var(--gutter) - .01px); }
  [class*="-largeplus-1"] > * {
    width: calc(100% - var(--gutter) - .01px); }
    [class*="-largeplus-1"] > *:nth-child(odd) {
      width: calc(100% - var(--gutter) - .01px); }
    [class*="-largeplus-1"] > *:nth-child(even) {
      width: calc(100% - var(--gutter) - .01px); }
  [class*="-largeplus-1"] > .grid-item-double {
    width: calc(100% - var(--gutter) - .01px); } 

  [class*="-largeplus-2-1"] > *:nth-child(odd) {
    width: calc(66.6666666667% - var(--gutter)); }
  [class*="-largeplus-2-1"] > *:nth-child(even) {
    width: calc(33.3333333333% - var(--gutter)); } 
  [class*="-largeplus-1-2"] > *:nth-child(odd) {
    width: calc(33.3333333333% - var(--gutter)); }
  [class*="-largeplus-1-2"] > *:nth-child(even) {
    width: calc(66.6666666667% - var(--gutter)); }
  [class*="-largeplus-3-1"] > *:nth-child(odd) {
    width: calc(75% - var(--gutter)); }
  [class*="-largeplus-3-1"] > *:nth-child(even) {
    width: calc(25% - var(--gutter)); }
  [class*="-largeplus-1-3"] > *:nth-child(odd) {
    width: calc(25% - var(--gutter)); }
  [class*="-largeplus-1-3"] > *:nth-child(even) {
    width: calc(75% - var(--gutter)); }
  [class*="-largeplus-4-1"] > *:nth-child(odd) {
    width: calc(80% - var(--gutter)); }
  [class*="-largeplus-4-1"] > *:nth-child(even) {
    width: calc(20% - var(--gutter)); }
  [class*="-largeplus-1-4"] > *:nth-child(odd) {
    width: calc(20% - var(--gutter)); }
  [class*="-largeplus-1-4"] > *:nth-child(even) {
    width: calc(80% - var(--gutter)); } 
}    

@media (max-width: 1280px) {
  [class*="-large-4"] > * {
    width: calc(100% * 1 / 4 - var(--gutter) - .01px); }
    [class*="-large-4"] > *:nth-child(odd) {
      width: calc(100% * 1 / 4 - var(--gutter) - .01px); }
    [class*="-large-4"] > *:nth-child(even) {
      width: calc(100% * 1 / 4 - var(--gutter) - .01px); }
  [class*="-large-4"] > .grid-item-double {
    width: calc(100% * 1 / 2 - var(--gutter) - .01px); }
  [class*="-large-3"] > * {
    width: calc(100% * 1 / 3 - var(--gutter) - .01px); }
    [class*="-large-3"] > *:nth-child(odd) {
      width: calc(100% * 1 / 3 - var(--gutter) - .01px); }
    [class*="-large-3"] > *:nth-child(even) {
      width: calc(100% * 1 / 3 - var(--gutter) - .01px); }
  [class*="-large-3"] > .grid-item-double {
    width: calc(100% * 2 / 3 - var(--gutter) - .01px); }
  [class*="-large-2"] > * {
    width: calc(100% * 1 / 2 - var(--gutter) - .01px); }
    [class*="-large-2"] > *:nth-child(odd) {
      width: calc(100% * 1 / 2 - var(--gutter) - .01px); }
    [class*="-large-2"] > *:nth-child(even) {
      width: calc(100% * 1 / 2 - var(--gutter) - .01px); }
  [class*="-large-2"] > .grid-item-double {
    width: calc(100% - var(--gutter) - .01px); }
  [class*="-large-1"] > * {
    width: calc(100% - var(--gutter) - .01px); }
    [class*="-large-1"] > *:nth-child(odd) {
      width: calc(100% - var(--gutter) - .01px); }
    [class*="-large-1"] > *:nth-child(even) {
      width: calc(100% - var(--gutter) - .01px); }
  [class*="-large-1"] > .grid-item-double {
    width: calc(100% - var(--gutter) - .01px); } 

  [class*="-large-2-1"] > *:nth-child(odd) {
    width: calc(66.6666666667% - var(--gutter)); }
  [class*="-large-2-1"] > *:nth-child(even) {
    width: calc(33.3333333333% - var(--gutter)); } 
  [class*="-large-1-2"] > *:nth-child(odd) {
    width: calc(33.3333333333% - var(--gutter)); }
  [class*="-large-1-2"] > *:nth-child(even) {
    width: calc(66.6666666667% - var(--gutter)); }
  [class*="-large-3-1"] > *:nth-child(odd) {
    width: calc(75% - var(--gutter)); }
  [class*="-large-3-1"] > *:nth-child(even) {
    width: calc(25% - var(--gutter)); }
  [class*="-large-1-3"] > *:nth-child(odd) {
    width: calc(25% - var(--gutter)); }
  [class*="-large-1-3"] > *:nth-child(even) {
    width: calc(75% - var(--gutter)); }
  [class*="-large-4-1"] > *:nth-child(odd) {
    width: calc(80% - var(--gutter)); }
  [class*="-large-4-1"] > *:nth-child(even) {
    width: calc(20% - var(--gutter)); }
  [class*="-large-1-4"] > *:nth-child(odd) {
    width: calc(20% - var(--gutter)); }
  [class*="-large-1-4"] > *:nth-child(even) {
    width: calc(80% - var(--gutter)); } 
}
@media (max-width: 1024px) {
  [class*="-mediumlarge-4"] > * {
    width: calc(100% * 1 / 4 - var(--gutter) - .01px); }
    [class*="-mediumlarge-4"] > *:nth-child(odd) {
      width: calc(100% * 1 / 4 - var(--gutter) - .01px); }
    [class*="-mediumlarge-4"] > *:nth-child(even) {
      width: calc(100% * 1 / 4 - var(--gutter) - .01px); }
  [class*="-mediumlarge-4"] > .grid-item-double {
    width: calc(100% * 1 / 2 - var(--gutter) - .01px); }
  [class*="-mediumlarge-3"] > * {
    width: calc(100% * 1 / 3 - var(--gutter) - .01px); }
    [class*="-mediumlarge-3"] > *:nth-child(odd) {
      width: calc(100% * 1 / 3 - var(--gutter) - .01px); }
    [class*="-mediumlarge-3"] > *:nth-child(even) {
      width: calc(100% * 1 / 3 - var(--gutter) - .01px); }
  [class*="-mediumlarge-3"] > .grid-item-double {
    width: calc(100% * 2 / 3 - var(--gutter) - .01px); }
  [class*="-mediumlarge-2"] > * {
    width: calc(100% * 1 / 2 - var(--gutter) - .01px); }
    [class*="-mediumlarge-2"] > *:nth-child(odd) {
      width: calc(100% * 1 / 2 - var(--gutter) - .01px); }
    [class*="-mediumlarge-2"] > *:nth-child(even) {
      width: calc(100% * 1 / 2 - var(--gutter) - .01px); }
  [class*="-mediumlarge-2"] > .grid-item-double {
    width: calc(100% - var(--gutter) - .01px); }
  [class*="-mediumlarge-1"] > * {
    width: calc(100% - var(--gutter) - .01px); }
    [class*="-mediumlarge-1"] > *:nth-child(odd) {
      width: calc(100% - var(--gutter) - .01px); }
    [class*="-mediumlarge-1"] > *:nth-child(even) {
      width: calc(100% - var(--gutter) - .01px); }
  [class*="-mediumlarge-1"] > .grid-item-double {
    width: calc(100% - var(--gutter) - .01px); } 

  [class*="-mediumlarge-2-1"] > *:nth-child(odd) {
    width: calc(66.6666666667% - var(--gutter)); }
  [class*="-mediumlarge-2-1"] > *:nth-child(even) {
    width: calc(33.3333333333% - var(--gutter)); } 
  [class*="-mediumlarge-1-2"] > *:nth-child(odd) {
    width: calc(33.3333333333% - var(--gutter)); }
  [class*="-mediumlarge-1-2"] > *:nth-child(even) {
    width: calc(66.6666666667% - var(--gutter)); }
  [class*="-mediumlarge-3-1"] > *:nth-child(odd) {
    width: calc(75% - var(--gutter)); }
  [class*="-mediumlarge-3-1"] > *:nth-child(even) {
    width: calc(25% - var(--gutter)); }
  [class*="-mediumlarge-1-3"] > *:nth-child(odd) {
    width: calc(25% - var(--gutter)); }
  [class*="-mediumlarge-1-3"] > *:nth-child(even) {
    width: calc(75% - var(--gutter)); }
  [class*="-mediumlarge-4-1"] > *:nth-child(odd) {
    width: calc(80% - var(--gutter)); }
  [class*="-mediumlarge-4-1"] > *:nth-child(even) {
    width: calc(20% - var(--gutter)); }
  [class*="-mediumlarge-1-4"] > *:nth-child(odd) {
    width: calc(20% - var(--gutter)); }
  [class*="-mediumlarge-1-4"] > *:nth-child(even) {
    width: calc(80% - var(--gutter)); } 
}
@media (max-width: 992px) {
  [class*="-medium-4"] > * {
    width: calc(100% * 1 / 4 - var(--gutter) - .01px); }
    [class*="-medium-4"] > *:nth-child(odd) {
      width: calc(100% * 1 / 4 - var(--gutter) - .01px); }
    [class*="-medium-4"] > *:nth-child(even) {
      width: calc(100% * 1 / 4 - var(--gutter) - .01px); }
  [class*="-medium-4"] > .grid-item-double {
    width: calc(100% * 1 / 2 - var(--gutter) - .01px); }
  [class*="-medium-3"] > * {
    width: calc(100% * 1 / 3 - var(--gutter) - .01px); }
    [class*="-medium-3"] > *:nth-child(odd) {
      width: calc(100% * 1 / 3 - var(--gutter) - .01px); }
    [class*="-medium-3"] > *:nth-child(even) {
      width: calc(100% * 1 / 3 - var(--gutter) - .01px); }
  [class*="-medium-3"] > .grid-item-double {
    width: calc(100% * 2 / 3 - var(--gutter) - .01px); }
  [class*="-medium-2"] > * {
    width: calc(100% * 1 / 2 - var(--gutter) - .01px); }
    [class*="-medium-2"] > *:nth-child(odd) {
      width: calc(100% * 1 / 2 - var(--gutter) - .01px); }
    [class*="-medium-2"] > *:nth-child(even) {
      width: calc(100% * 1 / 2 - var(--gutter) - .01px); }
  [class*="-medium-2"] > .grid-item-double {
    width: calc(100% - var(--gutter) - .01px); }
  [class*="-medium-1"] > * {
    width: calc(100% - var(--gutter) - .01px); }
    [class*="-medium-1"] > *:nth-child(odd) {
      width: calc(100% - var(--gutter) - .01px); }
    [class*="-medium-1"] > *:nth-child(even) {
      width: calc(100% - var(--gutter) - .01px); }
  [class*="-medium-1"] > .grid-item-double {
    width: calc(100% - var(--gutter) - .01px); } 

  [class*="-medium-2-1"] > *:nth-child(odd) {
    width: calc(66.6666666667% - var(--gutter)); }
  [class*="-medium-2-1"] > *:nth-child(even) {
    width: calc(33.3333333333% - var(--gutter)); }
  [class*="-medium-1-2"] > *:nth-child(odd) {
    width: calc(33.3333333333% - var(--gutter)); }
  [class*="-medium-1-2"] > *:nth-child(even) {
    width: calc(66.6666666667% - var(--gutter)); }
  [class*="-medium-3-1"] > *:nth-child(odd) {
    width: calc(75% - var(--gutter)); }
  [class*="-medium-3-1"] > *:nth-child(even) {
    width: calc(25% - var(--gutter)); }
  [class*="-medium-1-3"] > *:nth-child(odd) {
    width: calc(25% - var(--gutter)); }
  [class*="-large-1-3"] > *:nth-child(even) {
    width: calc(75% - var(--gutter)); }
  [class*="-medium-4-1"] > *:nth-child(odd) {
    width: calc(80% - var(--gutter)); }
  [class*="-medium-4-1"] > *:nth-child(even) {
    width: calc(20% - var(--gutter)); }
  [class*="-medium-1-4"] > *:nth-child(odd) {
    width: calc(20% - var(--gutter)); }
  [class*="-medium-1-4"] > *:nth-child(even) {
    width: calc(80% - var(--gutter)); } 

}


@media (max-width: 768px) {
  [class*="-mediumsmall-4"] > * {
    width: calc(100% * 1 / 4 - var(--gutter) - .01px); }
    [class*="-mediumsmall-4"] > *:nth-child(odd) {
      width: calc(100% * 1 / 4 - var(--gutter) - .01px); }
    [class*="-mediumsmall-4"] > *:nth-child(even) {
      width: calc(100% * 1 / 4 - var(--gutter) - .01px); }
  [class*="-mediumsmall-4"] > .grid-item-double {
    width: calc(100% * 1 / 2 - var(--gutter) - .01px); }
  [class*="-mediumsmall-3"] > * {
    width: calc(100% * 1 / 3 - var(--gutter) - .01px); }
    [class*="-mediumsmall-3"] > *:nth-child(odd) {
      width: calc(100% * 1 / 3 - var(--gutter) - .01px); }
    [class*="-mediumsmall-3"] > *:nth-child(even) {
      width: calc(100% * 1 / 3 - var(--gutter) - .01px); }
  [class*="-mediumsmall-3"] > .grid-item-double {
    width: calc(100% * 2 / 3 - var(--gutter) - .01px); }
  [class*="-mediumsmall-2"] > * {
    width: calc(100% * 1 / 2 - var(--gutter) - .01px); }
    [class*="-mediumsmall-2"] > *:nth-child(odd) {
      width: calc(100% * 1 / 2 - var(--gutter) - .01px); }
    [class*="-mediumsmall-2"] > *:nth-child(even) {
      width: calc(100% * 1 / 2 - var(--gutter) - .01px); }
  [class*="-mediumsmall-2"] > .grid-item-double {
    width: calc(100% - var(--gutter) - .01px); }
  [class*="-mediumsmall-1"] > * {
    width: calc(100% - var(--gutter) - .01px); }
    [class*="-mediumsmall-1"] > *:nth-child(odd) {
      width: calc(100% - var(--gutter) - .01px); }
    [class*="-mediumsmall-1"] > *:nth-child(even) {
      width: calc(100% - var(--gutter) - .01px); }
  [class*="-mediumsmall-1"] > .grid-item-double {
    width: calc(100% - var(--gutter) - .01px); } 
}

@media (max-width: 600px) {
  [class*="-small-4"] > * {
    width: calc(100% * 1 / 4 - var(--gutter) - .01px); }
    [class*="-small-4"] > *:nth-child(odd) {
      width: calc(100% * 1 / 4 - var(--gutter) - .01px); }
    [class*="-small-4"] > *:nth-child(even) {
      width: calc(100% * 1 / 4 - var(--gutter) - .01px); }
  [class*="-small-4"] > .grid-item-double {
    width: calc(100% * 1 / 2 - var(--gutter) - .01px); }
  [class*="-small-3"] > * {
    width: calc(100% * 1 / 3 - var(--gutter) - .01px); }
    [class*="-small-3"] > *:nth-child(odd) {
      width: calc(100% * 1 / 3 - var(--gutter) - .01px); }
    [class*="-small-3"] > *:nth-child(even) {
      width: calc(100% * 1 / 3 - var(--gutter) - .01px); }
  [class*="-small-3"] > .grid-item-double {
    width: calc(100% * 2 / 3 - var(--gutter) - .01px); }
  [class*="-small-2"] > * {
    width: calc(100% * 1 / 2 - var(--gutter) - .01px); }
    [class*="-small-2"] > *:nth-child(odd) {
      width: calc(100% * 1 / 2 - var(--gutter) - .01px); }
    [class*="-small-2"] > *:nth-child(even) {
      width: calc(100% * 1 / 2 - var(--gutter) - .01px); }
  [class*="-small-2"] > .grid-item-double {
    width: calc(100% - var(--gutter) - .01px); }
  [class*="-small-1"] > * {
    width: calc(100% - var(--gutter) - .01px); }
    [class*="-small-1"] > *:nth-child(odd) {
      width: calc(100% - var(--gutter) - .01px); }
    [class*="-small-1"] > *:nth-child(even) {
      width: calc(100% - var(--gutter) - .01px); }
  [class*="-small-1"] > .grid-item-double {
    width: calc(100% - var(--gutter) - .01px); } 
}

@media (max-width: 480px) {
  [class*="-tiny-4"] > * {
    width: calc(100% * 1 / 4 - var(--gutter) - .01px); }
    [class*="-tiny-4"] > *:nth-child(odd) {
      width: calc(100% * 1 / 4 - var(--gutter) - .01px); }
    [class*="-tiny-4"] > *:nth-child(even) {
      width: calc(100% * 1 / 4 - var(--gutter) - .01px); }
  [class*="-tiny-4"] > .grid-item-double {
    width: calc(100% * 1 / 2 - var(--gutter) - .01px); }
  [class*="-tiny-3"] > * {
    width: calc(100% * 1 / 3 - var(--gutter) - .01px); }
    [class*="-tiny-3"] > *:nth-child(odd) {
      width: calc(100% * 1 / 3 - var(--gutter) - .01px); }
    [class*="-tiny-3"] > *:nth-child(even) {
      width: calc(100% * 1 / 3 - var(--gutter) - .01px); }
  [class*="-tiny-3"] > .grid-item-double {
    width: calc(100% * 2 / 3 - var(--gutter) - .01px); }
  [class*="-tiny-2"] > * {
    width: calc(100% * 1 / 2 - var(--gutter) - .01px); }
    [class*="-tiny-2"] > *:nth-child(odd) {
      width: calc(100% * 1 / 2 - var(--gutter) - .01px); }
    [class*="-tiny-2"] > *:nth-child(even) {
      width: calc(100% * 1 / 2 - var(--gutter) - .01px); }
  [class*="-tiny-2"] > .grid-item-double {
    width: calc(100% - var(--gutter) - .01px); }
  [class*="-tiny-1"] > * {
    width: calc(100% - var(--gutter) - .01px); }
    [class*="-tiny-1"] > *:nth-child(odd) {
      width: calc(100% - var(--gutter) - .01px); }
    [class*="-tiny-1"] > *:nth-child(even) {
      width: calc(100% - var(--gutter) - .01px); }
  [class*="-tiny-1"] > .grid-item-double {
    width: calc(100% - var(--gutter) - .01px); } 
}