* {
  box-sizing: border-box;
}

.row {
  display: flex;
}

.column {
  float: center;
  flex: 50%;
}

.container {
  padding: 64px;
}

/* Clear floats */
.row:after {
  content: "";
  display: table;
  clear: both
}

.column-66 {
  float: center;
  width: 50%;
  padding: 20px;
}

.column-33 {
  float: center;
  width: 50%;
  padding: 20px;
}

/* Add responsiveness - make the columns appear on top of each other instead of next to each other on small screens */
@media screen and (max-width: 1920px) {
  .column-66,
  .column-33 {
    width: 100%;
    text-align: center;
  }
}