.ac-row:after{
    clear: both;
    display: block;
    content: "";
}
.ac-row .ac-column{
    float: left;
    padding: 1%; // this should have an option in the backend at some point
    margin: 0; // this should have an option in the backend at some point
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ac-row .ac-column:first-child:nth-last-child(1) {
    width: 100%;
    padding: 0;
}
/* two items */
.ac-row .ac-column:first-child:nth-last-child(2),
.ac-row .ac-column:first-child:nth-last-child(2) ~ div {
    width: 50%;
}
/* three items */
.ac-row .ac-column:first-child:nth-last-child(3),
.ac-row .ac-column:first-child:nth-last-child(3) ~ div {
    width: 33.3333%;
}
/* four items */
.ac-row .ac-column:first-child:nth-last-child(4),
.ac-row .ac-column:first-child:nth-last-child(4) ~ div {
    width: 25%;
}
/* five items */
.ac-row .ac-column:first-child:nth-last-child(5),
.ac-row .ac-column:first-child:nth-last-child(5) ~ div {
    width: 20%;
}

@media only screen and (max-width: 480px){
    /*break columns into stacks*/
    .ac-row .ac-column{
	   float: none;
	   width: 100% !important;
	   padding: 0; // this should have an option in the backend at some point
	   margin: 0; // this should have an option in the backend at some point
	   -webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	   box-sizing: border-box;
    }
}
@media only screen and (max-width: 767px){
    /*break columns into stacks*/
    .ac-row .ac-column{
	   float: none;
	   width: 100% !important;
	   padding: 0; // this should have an option in the backend at some point
	   margin: 0; // this should have an option in the backend at some point
	   -webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	   box-sizing: border-box;
    }
}