* {
  box-sizing: border-box;
}

/* Create two unequal columns that floats next to each other */
.row{
max-width:1300px;
margin:70px auto;

}

.column {
  float: left;

}

.left {
  width: 71%;
  padding: 0 50px 0 30px;
  margin-left:1%;
  background-color: rgba(250,250,250,.0);


}

.right {
  width: 28%;
  /*background:#0099ff;*/
}

.right_inner {
  max-width: 300px;
  margin:0px auto;
  padding: 0px 0px;
  color:#fff;

}



/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}



@media all and (max-width: 1100px) {
.column {
  float: none;
}

.left {
  width: 95%;
  padding: 35px 0px 0 0px;
  margin:0 auto;
  background-color: rgba(250,250,250,0);

}

.right {
  width: 95%;
  /*background:#0099ff;*/
}

.right_inner {
  max-width: 95%;
  margin:0px auto;
  padding: 0px 0px;
  color:#fff;

}

}


@media all and (max-width: 1100px) {

.row{
margin:0px auto;
}

}