.main-cell {
    width: 100%;
    height: 600px;
    border-radius: 25px;
    border-color: ;
    border-width: 1px;
    border-style: ;
    box-shadow: 5px 5px 16px 5px rgba(255, 255, 255, 0);
}

/* Clear floats after the columns */
.about-cell-one:after {
  content: "";
  display: table;
  clear: both;
}

/* Create two equal columns that floats next to each other */
.one-cell-a {
  float: left;
  width: 46%;
  padding: px;
  margin-left: 2%;
  margin-right: 2%;
  margin-top: 2%;
  margin-bottom: 2%;
  border-radius: 25px;
  border-color: ;
  border-width: px;
  border-style: ;
  height: 550px; /* Should be removed. Only for demonstration */
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .one-cell-a {
    width: 100%;
  }
}

/* Create two equal columns that floats next to each other */
.one-cell-b {
  float: left;
  width: 46%;
  padding: px;
  margin-left: 2%;
  margin-right: 2%;
  margin-top: 2%;
  margin-bottom: 2%;
  border-radius: 25px;
  border-color: ;
  border-width: px;
  border-style: ;
  height: 550px; /* Should be removed. Only for demonstration */
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .one-cell-b {
    width: 100%;
  }
}