@media screen and (max-width: 319px) {
.unit {
    float: none !important; 
    width: auto !important;
  }
}

.line:after, .lastUnit:after {
  clear: both;
  display: block;
  visibility: hidden; 
  overflow:hidden;
  height:0 !important;
  line-height: 0;
  font-size: xx-large;
  content: " x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x ";
}

.firstUnit, .unit {
  float: left;
}

.lastUnit {
  display: table-cell;
  float: none;
  width: auto;
}


.panel-1row2cols {
	width: 100%;
}
.panel-1row2cols-row{
	width: 100%;
}

.panel-1row2cols-left {
	width: 67%;
}
.panel-1row2cols-right {
	width: 33%;
}

/* Margins taken from the Panels module plugins */
.firstUnit .inside {
  margin: 0 .5em 1em 0;
}
.unit .inside {
  margin: 0 .5em 1em .5em;
}
.lastUnit .inside {
  margin: 0 0 1em .5em;
}
.oneUnit .inside {
  margin: 0 0 1em 0;
}