/*Gallery*/
.col--1-2, .col--3-1, .col--7-1{
  flex-basis: 66.6666666%;
}
.col--4-1 {
  margin-left: 66.6666666%;
}

.col--2-1, .col--5-1, .col--6-1  {
  margin-left: 33.333333%;
}




/*Queries*/
/* Screen sizes between 1201px and 1500px */
@media only screen and (max-width: 1500px) {
}

/* Screen sizes between 1024px and 1200px (iPad landscape) */
@media only screen and (max-width: 1200px) {
}

/* Screen sizes between 768px and 1023px (iPad portrait) */
@media only screen and (max-width: 1023px) {
}

/* Screen sizes between 350px and 767px (smartphone) */
@media only screen and (max-width: 767px) {
  .col--2-1, .col--5-1, .col--6-1, .col--4-1 {
    margin-left: 0;
  }
  }

/* Screen sizes smaller 350px (small smartphone) */
@media only screen and (max-width: 350px) {
}