.ccw__container {
  display: flex;
  flex-direction: column;
}
.ccw__container .cmp-image__image {
  width: 100%;
}
.ccw__container .full-width {
  width: 100%;
  margin-left: 0;
}
.ccw__container .section {
  flex: auto;
}
@media (min-width: 768px) {
  .ccw__container {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
@media (min-width: 1440px) {
  .ccw__container {
    flex-wrap: nowrap;
  }
}
.ccw__column {
  width: 100%;
  padding: 12px;
  flex-basis: 100%;
}
@media (min-width: 768px) {
  .ccw__column {
    width: 50%;
    flex-basis: 50%;
  }
}
@media (min-width: 1440px) {
  .ccw__column--third {
    width: 33.33%;
    flex-basis: 33.33%;
  }
}
@media (min-width: 768px) {
  .ccw__column--third:nth-of-type(3) {
    width: 100%;
    flex-basis: 100%;
  }
}
@media (min-width: 1440px) {
  .ccw__column--third:nth-of-type(3) {
    width: 33.33%;
    flex-basis: 33.33%;
  }
}
@media (min-width: 1440px) {
  .ccw__column--half {
    width: 50%;
    flex-basis: 50%;
  }
}
@media (min-width: 1440px) {
  .ccw__column--twoThird {
    width: 66.67%;
    flex-basis: 66.67%;
  }
}
@media (min-width: 1440px) {
  .ccw__column--quarter {
    width: 25%;
    flex-basis: 25%;
  }
}