.flexcolumn {
   display: -webkit-flex;
   display: flex;
   -webkit-flex-direction: row;
   flex-direction: row;
   width: 100%;
}

.flexcolumn > .content {
  flex-grow: 1;
  flex-basis: 0;
}

@media screen and (max-width: 768px){
  .flexcolumn {
    -webkit-flex-direction: column;
    flex-direction: column;
  }

  .flexcolumn > .content:first-child:nth-last-child(2),
  .flexcolumn > .content:first-child:nth-last-child(2) ~ .content {
    width: 100%;
  }
}

@media screen and (min-width: 768px){
  .flexcolumn {
   -webkit-flex-direction: row;
    flex-direction: row;
  }

  .flexcolumn > .content:first-child:nth-last-child(2),
  .flexcolumn > .content:first-child:nth-last-child(2) ~ .content {
    width: 50%;
  }
}