/*
    *TWEAK om te werken zonder verticale gutter
    *basis is Skeleton 2, zie skeloton.css
/* Table of contents
––––––––––––––––––––––––––––––––––––––––––––––––––
- Grid
*/

/* Grid
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.no-gutter-column,
.no-gutter-columns {
    width: 100%;
    float: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/*Mobile portrait*/
@media only screen and (max-device-width : 379px) {
    .container {
        width: 100%;
        padding: 0;
    }

    .one.no-gutter-column,
    .one.no-gutter-columns,
    .two.no-gutter-columns,
    .three.no-gutter-columns,
    .four.no-gutter-columns {width: 50%;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
}

/*Mobile landscape; tablet portrait*/
@media only screen and (min-device-width : 380px) and (max-device-width: 767px) /*All from 380 to 767px*/ {
    .container {
        width: 100%;
        padding: 0;
    }
    .one.no-gutter-column,
    .one.no-gutter-columns,
    .two.no-gutter-columns,
    .three.no-gutter-columns,
    .four.no-gutter-columns {width: 50%;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
}
/*Tablets landscape, desktop*/
@media only screen and (min-device-width : 768px)  {
 .container {
    width: 100%; }
  .no-gutter-column,
  .no-gutter-columns {
    margin-left: 0; }
  .no-gutter-column:first-child,
  .no-gutter-columns:first-child {
    margin-left: 0; }

  .one.no-gutter-column,
  .one.no-gutter-columns                    { width: 8.33333333333%; }
  .two.no-gutter-columns                    { width: 16.6666666666%; }
  .three.no-gutter-columns                  { width: 25%;            }
  .four.no-gutter-columns                   { width: 33.3333333333%; }
  .five.no-gutter-columns                   { width: 41.6666666667%; }
  .six.no-gutter-columns                    { width: 50%;            }
  .seven.no-gutter-columns                  { width: 58.3333333333%; }
  .eight.no-gutter-columns                  { width: 66.6666666667%; }
  .nine.no-gutter-columns                   { width: 75%;          }
  .ten.no-gutter-columns                    { width: 83.3333333333%; }
  .eleven.no-gutter-columns                 { width: 91.3333333333%; }
  .twelve.no-gutter-columns                 { width: 100%; margin-left: 0; }

  .one-third.no-gutter-column               { width: 33.6666666667%; }
  .two-thirds.no-gutter-column              { width: 66.6666666667%; }

  .one-half.no-gutter-column                { width: 50%; }
}




/* Larger than mobile */
@media (min-width: 400px) {}

/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) {}

/* Larger than tablet */
@media (min-width: 750px) {}

/* Larger than desktop */
@media (min-width: 1000px) {}

/* Larger than Desktop HD */
@media (min-width: 1200px) {}