.cols {
  overflow: hidden;
  margin-bottom: 1em; }
  .cols img {
    max-width: 100%; }
  .cols.cols--imgFullSize img {
    width: 100%; }
  .cols.cols--imgMed img {
    max-width: 80%; }

@media only screen and (min-width: 47.5em) {
  .cols--two > * {
    float: left;
    width: 47.5%;
    padding-left: 2.5%;
    padding-right: 2.5%; }
    .cols--two > *:nth-child(2n+1) {
      clear: left;
      margin-left: 0;
      padding-left: 0; }
    .cols--two > *:nth-child(2n) {
      margin-right: 0;
      padding-right: 0; } }
.no-mq .cols--two > * {
  float: left;
  width: 47.5%;
  padding-left: 2.5%;
  padding-right: 2.5%; }
  .no-mq .cols--two > *:nth-child(2n+1) {
    clear: left;
    margin-left: 0;
    padding-left: 0; }
  .no-mq .cols--two > *:nth-child(2n) {
    margin-right: 0;
    padding-right: 0; }

@media only screen and (min-width: 41.5em) {
  .cols--three > * {
    float: left;
    width: 30%;
    margin-left: 5%; }
    .cols--three > *:nth-child(3n+1) {
      clear: left;
      margin-left: 0; } }
.no-mq .cols--three > * {
  float: left;
  width: 30%;
  margin-left: 5%; }
  .no-mq .cols--three > *:nth-child(3n+1) {
    clear: left;
    margin-left: 0; }

@media only screen and (min-width: 32em) {
  .cols--three-two > * {
    float: left;
    width: 46%;
    margin-left: 8%; }
    .cols--three-two > *:nth-child(2n+1) {
      clear: left;
      margin-left: 0; } }
.no-mq .cols--three-two > * {
  float: left;
  width: 46%;
  margin-left: 8%; }
  .no-mq .cols--three-two > *:nth-child(2n+1) {
    clear: left;
    margin-left: 0; }
@media only screen and (min-width: 62em) {
  .cols--three-two > * {
    width: 30%;
    margin-left: 3.33333%; }
    .cols--three-two > *:nth-child(2n+1) {
      clear: none;
      margin-left: 3.33333%; }
    .cols--three-two > *:nth-child(3n+1) {
      clear: left;
      margin-left: 0; } }
.no-mq .cols--three-two > * {
  width: 30%;
  margin-left: 3.33333%; }
  .no-mq .cols--three-two > *:nth-child(2n+1) {
    clear: none;
    margin-left: 3.33333%; }
  .no-mq .cols--three-two > *:nth-child(3n+1) {
    clear: left;
    margin-left: 0; }

.cols--four > * {
  margin-bottom: 2em; }
@media only screen and (min-width: 32em) {
  .cols--four > * {
    float: left;
    width: 47.5%;
    margin-left: 5%; }
    .cols--four > *:nth-child(2n+1) {
      clear: left;
      margin-left: 0; } }
.no-mq .cols--four > * {
  float: left;
  width: 47.5%;
  margin-left: 5%; }
  .no-mq .cols--four > *:nth-child(2n+1) {
    clear: left;
    margin-left: 0; }
@media only screen and (min-width: 47.5em) {
  .cols--four > * {
    width: 23.75%;
    margin-left: 1.66667%; }
    .cols--four > *:nth-child(2n+1) {
      clear: none;
      margin-left: 1.66667%; }
    .cols--four > *:nth-child(4n+1) {
      clear: left;
      margin-left: 0; } }
.no-mq .cols--four > * {
  width: 23.75%;
  margin-left: 1.66667%; }
  .no-mq .cols--four > *:nth-child(2n+1) {
    clear: none;
    margin-left: 1.66667%; }
  .no-mq .cols--four > *:nth-child(4n+1) {
    clear: left;
    margin-left: 0; }

@media only screen and (min-width: 32em) {
  .cols--five > * {
    float: left;
    width: 46%;
    margin-left: 8%; }
    .cols--five > *:nth-child(2n+1) {
      clear: left;
      margin-left: 0; } }
.no-mq .cols--five > * {
  float: left;
  width: 46%;
  margin-left: 8%; }
  .no-mq .cols--five > *:nth-child(2n+1) {
    clear: left;
    margin-left: 0; }
@media only screen and (min-width: 47.5em) {
  .cols--five > * {
    float: left;
    width: 18.4%;
    margin-left: 2%; }
    .cols--five > *:nth-child(2n+1) {
      clear: none;
      margin-left: 2%; }
    .cols--five > *:nth-child(5n+1) {
      clear: left;
      margin-left: 0; } }
.no-mq .cols--five > * {
  float: left;
  width: 18.4%;
  margin-left: 2%; }
  .no-mq .cols--five > *:nth-child(2n+1) {
    clear: none;
    margin-left: 2%; }
  .no-mq .cols--five > *:nth-child(5n+1) {
    clear: left;
    margin-left: 0; }