/* Create two columns/boxes that floats next to each other */
left_section {
  float: left;
  width: 50%;
  padding: 0px;
  /*background: #eeffe6;
  height: 300px; /* only for demonstration, should be removed */
}

right_section {
  float: left;
  padding: 1px;
  width: 50%;
  /*background-color: #e6ffff;
  height: 300px; /* only for demonstration, should be removed */
}

/* Clear floats after the columns */
section:after {
  content: "";
  display: table;
  clear: both;
}

/* Responsive layout - makes the two columns/boxes stack on top of each other instead of next to each other, on small screens */
@media (max-width: 600px) {
  left_section, right_section {
    width: 100%;
    height: auto;
  }
}