/* rem and em do NOT depend on html font-size */
/* 1rem = 1em = 16px */

/* BREAKPOINTS

BELOW 1344px = 84em (Smaller desktops)

BELOW 1200px = 75em (Tablets landscape)

BELOW 944px = 59em (Tablets)

BELOW 704px = 44em (Smaller tablets)

BELOW 544px = 34em (Phones)
*/

@media (max-width: 84em) {
}

@media (max-width: 75em) {
}

@media (max-width: 59em) {
}

@media (max-width: 44em) {
}

@media (max-width: 34em) {
  .qr-main {
    max-width: 100vw;
  }

  .footer-grid {
    width: 100vw;
  }
}