/*!
 * Caramba Moreno Responsive CSS Queries
 * Version: 1.0
 * Author: Mauricio González for Caramba Moreno
 * Description: A simple CSS utility plugin for responsive visibility based on screen size.
 */

.caramba--hide{
    display: none !important;
  }

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

/* Medium and up */
@media screen and (min-width: 40em) {
  /* Add styles for medium and larger screens here if needed */
}

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

/* Large and up */
@media screen and (min-width: 64em) {
  .caramba--hide-for-large {
    display: none !important;
  }
}

/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {
  /* Add styles for large-only screens here if needed */
}