* {
  box-sizing: border-box;
}

/* Create two unequal columns that floats next to each other */
.row{
max-width:1100px;
margin:70px auto;

}

.column {
  float: left;

}

.left {
  width: 100%;
  padding: 0px 0px 0px 0px;
  margin-left:0%;
  background-color: rgba(250,250,250,0);


}

.right {
  width: 0%;
  /*background:#0099ff;*/
}


.right_inner {
border:0px solid #fff;
/*background:#0067ac;*/
background:rgba(255,255,255,1);
  position:relative;
  max-width: 350px;
  margin:0px auto 0 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: 100%;
  padding: 0px 0px 0 0px;
  margin:0 auto;
  background-color: rgba(250,250,250,0);
}

.right {
  width: 100%;
  /*background:#0099ff;*/
}

.right_inner {
  max-width: 95%;
  margin:0px auto;
  padding: 0px 0px;
  color:#fff;
 }

}


@media all and (max-width: 800px) {
.row{
margin:20px auto;
}
}