<style>
* {
  box-sizing: border-box;
}

/* Create two equal columns that floats next to each other */
.column2 {
 float: left;
  width: 48%;
  padding-top: 10px; padding-left: 40px; padding-right: 40px; padding-bottom: 20px;
  height: auto; /* Should be removed. Only for demonstration */
}

/* Clear floats after the columns */
.row:after { 
  content: "";
  display: table;
  clear: both;
}

/* Responsive columns */
@media screen and (max-width: 900px) {
  .column2 {
    width: 100%;
    display: block;
    margin-bottom: 20px;
  }
}


</style>