.left {
  padding-top:20px;
  width: 50%; 
  float: left;
  height: auto;
}

.right {
  padding-top:20px;
  padding-bottom: 20px;
  width: 50%;
  height: auto;
  text-align: right;
  float: left;
}

@media screen and (max-width: 800px) {
  .left, .right {
    width: 100%; /* The width is 100%, when the viewport is 800px or smaller */
    text-align: center;
  }
}


.left-rev, .right-rev {
    width: 100%; /* The width is 100%, when the viewport is 800px or smaller */
    text-align: center;
}

@media screen and (max-width: 800px) {
  .left-rev{
    width: 50%; 
    text-align: left;
    font-size: 7vw;
    float: left;
  }

  .right-rev {
    width: 50%;
    text-align: right;
    float: left;
    font-size: 7vw;
  }
}