.waterfall{-webkit-column-count:5;-moz-column-count:5;column-count:5;-webkit-column-gap:1em;-moz-column-gap:1em;column-gap:1em;margin:1.5em;padding:0;font-size:.85em}
.item{display:inline-block;background:#fff;padding:1em;margin:0 0 1.5em;width:100%;-webkit-transition:1s ease all;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #ccc;text-align:center;-webkit-box-shadow:0 5px 20px rgba(0,0,0,.1);box-shadow:0 5px 20px rgba(0,0,0,.1);padding-top:40px!important;padding-bottom:25px!important;margin-bottom:30px;border-radius:5px;text-shadow:0 0 1px #1c154b;}
.item p{padding:20px 4px 0 4px;line-height:150%; margin-bottom: 0!important;font-size:1.1rem; font-weight: 700;}
.item a{color:#00297C;text-decoration:none}
.item a:hover,.item h5:hover,.item span:hover{text-decoration:none;color:#b40415}
.item i{font-size:2rem; padding:12px!important;border:4px solid #eee; border-radius:50%;}
.item img{max-width: 100%!important}
.item span{display:block; font-size: 0.6rem}

@media only screen and (max-width:320px){.waterfall{-moz-column-count:1;-webkit-column-count:1;column-count:1}
}
@media only screen and (min-width:321px) and (max-width:768px){.waterfall{-moz-column-count:2;-webkit-column-count:2;column-count:2}
}
@media only screen and (min-width:769px) and (max-width:1200px){.waterfall{-moz-column-count:3;-webkit-column-count:3;column-count:3}
}
@media only screen and (min-width:1201px){.waterfall{-moz-column-count:5;-webkit-column-count:5;column-count:5}
}