.row {  /*use for columns same length...height may be set*/
	display: table; 
	width: 100%;
}
.col-container { /*use for columns not same length...and for floating left on cell phone*/
    display: table;
    width: 100%;
}
.column3 { /*use for 3 columns same length*/
  float: left;
  width: 33.33%;
  text-align: center;
} 
.column2 { /*use for 2 columns same length*/
  float: left;
  width: 50%;
  text-align: center;
}  
.row:after {  /*use when usng row above to end SAMPLE <div class="row:after></div>*/
  content: "";
  display: table;
  clear: both;
}
.clearfix::after { /*sample when using col container above <div class="clearfix::after"></div>*/
  content: "";
  clear: both;
  display: table;
}
@media screen and (max-width: 600px) {
  .column2 {
    	width: 100%;
  }
	.column3 {
    	width: 100%;
  }
}


</style>




















 
</style>       }