.scrollable{
width: 100%; /* default width of scrollable content in px or percentage */
height: 200px; /* default height of scrollable content */
border: 1px solid  #FE0000;
overflow: hidden; /* keep this */
position: relative; /* keep this */
/*background-color:  #FE0000; */
}

.scrollable .belt{ /* default style of inner scrollable DIV */
width: 100%;
position:absolute;
left: 0;
top: 0;
padding: 10px 5px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}


.scrollable .belt.horizontal{ /* default horizontal specific style of inner scrollable DIV */
width: auto; /* set to auto or an explicit px value large enough to accomodate entire horizontal content */
height: 100%;
/* white-space: nowrap; */   /* prevent wrapping inside DIV. Uncomment if embedding images or regular text content inside horizontal belt diV */
}



article.columns{
width: 1600px;
-moz-column-width: 200px;
-webkit-column-width: 200px;
column-width: 200px;
}


article.columns > p:first-of-type{
margin-top: 0;
}