body, html {
    width: 100%;
    
}

.column {
  float: left;
  width: 33.33%;
  
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

.column4 {
  float: left;
  width: 25%;
  
}


.HeaderColumn {
  float: left;
}

.HeaderLeft {
  width: 20%;
}

.HeaderMiddle {
  width: 50%;
}

.HeaderRight {
  width: 30%;
}

/* Clear floats after the columns */
.rowHeader:after {
  content: "";
  display: table;
  clear: both;
}


.ShoppingColumn {
  float: left;
}

.ShoppingLeft {
  width: 40%;
}

.ShoppingRight {
  width: 50%;
}

.ShoppingMiddle {
  width: 10%;
}

/* Clear floats after the columns */
.rowShopping:after {
  content: "";
  display: table;
  clear: both;
}