/*Gallery*/

.col--1-1, .col--3-1, .col--5-1, .col--7-1, .col--9-1, .col--10-1, .col--11-1, .col--13-1, .col--15-1, .col--17-1, .col--20-1 {
  flex-basis: 66.6666666%;
}

 .col--3-1, .col--6-1, .col--7-1, .col--9-1, .col--11-1, .col--12-1, .col--15-1, .col--16-1, .col--18-1, .col--20-1{
  margin-left: 33.333333%;
}

.container h1 {
  line-height: 9rem;
}

.container h1 .topline {
  line-height: 5rem;
}
/*Queries*/
/* Screen sizes between 1201px and 1500px */
@media only screen and (max-width: 1500px) {
  .container h1 {
    line-height: 7rem;
  }
  
  .container h1 .topline {
    line-height: 3rem;
  }
}

/* Screen sizes between 1024px and 1200px (iPad landscape) */
@media only screen and (max-width: 1200px) {
  .container h1 {
    line-height: 6rem;
  }
  
  .container h1 .topline {
    line-height: 2rem;
  }
}

/* Screen sizes between 768px and 1023px (iPad portrait) */
@media only screen and (max-width: 1023px) {
  .container h1 {
    line-height: 5rem;
  }
  
  .container h1 .topline {
    line-height: 1.5rem;
  }
}

/* Screen sizes between 350px and 767px (smartphone) */
@media only screen and (max-width: 767px) {
  .col--1-2, .col--3-1, .col--6-1, .col--7-1, .col--9-1, .col--11-1, .col--12-1, .col--15-1, .col--16-1, .col--18-1, .col--20-1 {
    margin-left: 0;
  }
}

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