.column {
  float: left;
}

.left {
  width: 35%;
}

.middle, .right {
  width: 30%;
  padding-left: 5px;
  text-align: center;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

.br {
  width: 90%;
}

@media screen and (max-width: 900px) {
  .left {
    width: 55%; 
    margin: 4px;
  }
  .middle {
    width: 40%; 
  }
  .right {
    width: 100%;
    margin-top: 15px; 
  }
  .br {
    width: 60%;
  }
}

@media screen and (max-width: 740px) {
  .column {
    width: 99%;
  }
  .left {
    margin-left: 12%;
    width: 76%;
  }
  .br {
    width: 85%;
  }
}

@media screen and (max-width: 600px) {
  .left {
    margin: auto;
    width: 99%;
  }
}