/* definition of columns for DIV */
/* this secion defines free flowing columns */
.three-col {
       -moz-column-count: 3;
       -moz-column-gap: 20px;
       -webkit-column-count: 3;
       -webkit-column-gap : 20px;
       -moz-column-rule-color:  #ccc;
       -moz-column-rule-style:  none;
       -moz-column-rule-width:  1px;
       -webkit-column-rule-color:  #ccc;
       -webkit-column-rule-style: none ;
       -webkit-column-rule-width:  1px;
       -ms-column-count: 3;
       -ms-column-gap: 20px;
       column-count: 3;
       column-gap: 20px;
}

.two-col {
       -moz-column-count: 2;
       -moz-column-gap: 20px;
       -webkit-column-count: 2;
       -webkit-column-gap : 20px;
       -moz-column-rule-color:  #ccc;
       -moz-column-rule-style:  none;
       -moz-column-rule-width:  1px;
       -webkit-column-rule-color:  #ccc;
       -webkit-column-rule-style: none ;
       -webkit-column-rule-width:  1px;
       -ms-column-count: 2;
       -ms-column-gap: 20px;
       column-count: 2;
       column-gap: 20px;
}

/* define a three column responsive layout */
.column-left{ float: left; width: 32%; padding: 5px 5px 5px 0px; }
.column-right{ float: right; width: 32%; padding: 5px 5px 5px 0px; }
.column-center{ display: inline-block; width: 32%; padding: 5px 5px 5px 5px; }