@media screen and (min-width: 768px) {
.two-column { 
-moz-column-count: 2;
-moz-column-gap: 30px;
-webkit-column-count: 2;
-webkit-column-gap: 30px;
column-count: 2;
column-gap: 30px;
}
.three-column { 
-moz-column-count: 3;
-moz-column-gap: 30px;
-webkit-column-count: 3;
-webkit-column-gap: 30px;
column-count: 3;
column-gap: 30px;
}

div.two-column p, div.three-column p { 
-webkit-column-break-inside: avoid;
          page-break-inside: avoid;
               break-inside: avoid;
}

}