#wrapper {
  max-width: 1000px;
  margin: 0 auto;
  padding: 5px;
  vertical-align: center;
}
.col1 {
  width: 50%;
  height: 1000px;
  padding: 5px;
  float: left;
  border-right: 2px solid gray;
  margin-right: 10px;
}
.col2 {
  padding: 1px;
  text-align: left;
}


@media screen and (max-width: 500px) {
  .col1, .col2, .col3 {width: 100%;}
}