/* Responsive styles for the Joppa theme */

/* Default: hide all by default */
.show-large,
.show-mid,
.show-small {
  display: none;
}

/* Large screens (≥1025px) */
@media (min-width: 1024px) {
  .show-large {
    display: block !important;
  }
}

/* Mid screens (>600px to ≤1024px) */
@media (min-width: 600px) and (max-width: 1023px) {
  .show-mid {
    display: block !important;
  }
}

/* Small screens (≤600px) */
@media (max-width: 599px) {
  .show-small {
    display: block !important;
  }
}




/* 
  Changes the size of the logo on mobile devices 
  On desktop, it is already at 40%

*/
@media (max-width: 599px) {
  .responsive-logo {
    max-width: 26px !important;
    flex: 0 0 auto !important;
  }

  .responsive-logo img {
    width: 100% !important;
    height: auto !important;
  }
}