.media_query_helper {
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  width: 1px;
  height: 1px;
  word-wrap: normal;
}

/* .media_query_helper::after {
  content: " desktop ";
  display: block;
  z-index: 99999999999;
  background-color: red;
  color: white;
  font-size: 1em;
  position: fixed;
  bottom: 20px;
  padding-left: 10px;
  padding-right: 5px;
  left: 0px;
  text-transform: lowercase;
  font-weight: bold;
} */

/* @media (max-width: 30em) {
  .media_query_helper::after {
    content: " xxs ";
  }
}

@media (min-width: 30em) {
  .media_query_helper::after {
    content: " xs ";
  }
}

@media (min-width: 36em) {
  .media_query_helper::after {
    content: " sm ";
  }
}

@media (min-width: 48em) {
  .media_query_helper::after {
    content: " md ";
  }
}

@media (min-width: 62em) {
  .media_query_helper::after {
    content: " lg ";
  }
}

@media (min-width: 70em) {
  .media_query_helper::after {
    content: " xd ";
  }
}

@media (min-width: 75em) {
  .media_query_helper::after {
    content: " xl ";
  }
}

@media (min-width: 100em) {
  .media_query_helper::after {
    content: " xxl ";
  }
} */