body {
	margin-top: 50px; /* 50px is the height of the navbar - change this if the navbarn height changes */
}

footer {
	margin: 50px 0;
}

.halal {background:green;}
.mushbooh {background:orange;}
.haram {background:red;}
.depends {background:blue;}
.badge {margin-left: 8px; font-size:.8em; font-weight: normal;}

#livefilter-list {list-style: none; padding-left:0; margin-top: 5px;}
#livefilter-list li {padding:3px 0; display: inline-block; width:32%; text-align: center; background: #F2F2F5;
 margin-bottom: 2px;}

@media (max-width:400px) {
#livefilter-list li {width:48%;}
}