/**
 * Caramba Moreno Responsiveness
 * Responsive visibility helpers using Zurb Foundation 6 style breakpoints.
 *
 * Foundation default breakpoints (16px = 1em):
 * - small: 0        - 39.9375em   (< 640px)
 * - medium: 40em    - 63.9375em   (640px - 1023px)
 * - large: 64em     - 74.9375em   (1024px - 1199px)
 * - xlarge: 75em and up           (>= 1200px)
 */

/* Hide on small only */
@media screen and (max-width: 39.9375em) {
    .caramba-moreno--hide-for-small {
        display: none !important;
    }
}

/* Hide on medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
    .caramba-moreno--hide-for-medium {
        display: none !important;
    }
}

/* Hide on large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {
    .caramba-moreno--hide-for-large {
        display: none !important;
    }
}

/* Hide on xlarge and up */
@media screen and (min-width: 75em) {
    .caramba-moreno--hide-for-xlarge {
        display: none !important;
    }
}