make responsive visibility classes fit together

visible-* classes now compatible with each other and hidden-* too

For example class="visible-xs visible-sm" will be visible at extra small and small screens, class="hidden-xs hidden-lg" hidden for extra small and large screen but visible for small and middle