@media screen and (max-width: 48rem) {
  .hide-on-mobile {
    display: none !important; } }

@media screen and (min-width: 48rem) {
  .hide-on-desktop {
    display: none !important; } }

@media screen and (max-width: 48rem) {
  .hide-on-desktop {
    display: block !important; } }