/* Dead Simple Grid (c) 2015 Vladimir Agafonkin */

.row .row {
  margin: 0 -1.5em;
}
.col {
  padding: 0 1.5em;
}

.row:after {
  content: "";
  clear: both;
  display: table;
}

@media only screen {
  .col {
    float: left;
    width: 100%;
    box-sizing: border-box;
  }
}

@media only screen and (min-width: 34em) {
  .feature,
  .info {
    width: 50%;
  }
}

@media only screen and (min-width: 54em) {
  .content {
    width: 66.66%;
  }
  .sidebar {
    width: 33.33%;
  }
  .info {
    width: 100%;
  }
}

@media only screen and (min-width: 76em) {
  .content {
    width: 58.33%;
  } /* 7/12 */
  .sidebar {
    width: 41.66%;
  } /* 5/12 */
  .info {
    width: 50%;
  }
}