.ui-container2 > .wrapper {
  margin-left: 0;
  margin-right: 0;
}
.ui-container2 > .wrapper > .half > .half-inner {
  padding: 40px;
}
.ui-container2.ui-container2-blue > .wrapper > .half-left {
  background-color: #00adef;
}
.ui-container2.ui-container2-blue > .wrapper > .half-right {
  background-color: #e5e5e5;
}

@media (min-width: 1200px) {
  .ui-container2 > .wrapper {
    max-width: none;
  }
  .ui-container2 > .wrapper > .half > .half-inner {
    width: 600px;
  }
  .ui-container2 > .wrapper > .half.half-left > .half-inner {
    float: right;
  }
  .ui-container2 > .wrapper > .half.half-right > .half-inner {
    float: none;
  }
}
@media (min-width: 768px) {
  .ui-container2 > .wrapper .half {
    width: 50%;
  }
  .ui-container2 > .wrapper .half.half-left {
    float: left;
  }
  .ui-container2 > .wrapper .half.half-right {
    float: right;
  }
}