.panels-dnd .row {
  margin-bottom: 15px;
}

.panels-dnd .cols:after {
  content: "";
  display: table;
  clear: both;
}

.panels-dnd .cols {
  margin: 0 -7px;
}

.panels-dnd .col {
  float: left;
  padding: 0 7px;
  box-sizing: border-box;
}

/* columns sizing */

.panels-dnd .col--aside--left {
  width: 25%;
}

.panels-dnd .col--aside--right {
  width: 25%;
}

.panels-dnd .col--1-2,
.panels-dnd .col--content--center {
  width: 50%;
}

.panels-dnd .col--1-4,
.panels-dnd .col--5-12 {
  width: 25%;
}

.panels-dnd .col--3-4,
.panels-dnd .col--7-12 {
  width: 75%;
}

.panels-dnd .col--1-3 {
  width: 33.33%;
}

.panels-dnd .col--2-3 {
  width: 66.66%;
}