/*Gallery*/

.col--5-1{
  flex-basis: 100%;
}

.col--1-2, .col--3-1, .col--9-1{
  flex-basis: 66.6666666%;
}

.col--4-1, .col--8-1 {
  margin-left: 33.333333%;
}

.col--7-1 {
  margin-left: 66.6666666%;
}




/*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--7-1, .col--4-1, .col--8-1 {
    margin-left: 0;
  }
  }

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