/*
 * RESPONSIVE STYLES
 * Media queries for all breakpoints — identical to original order
 */

/* Extra Large Screens - min-width: 2401px */
@media (min-width: 1921px) {
  :root {
    --root-font-size: 16px;
  }
}

/* Widescreen - min-width: 1367px and max-width: 1920px */
@media (max-width: 1920px) {
  :root {
    --root-font-size: 16px;
  }
}

/* Laptop - min-width: 1025px and max-width: 1366px */
@media (max-width: 1366px) {
  :root {
    --root-font-size: 13px;
  }
}

/* Tablet Portrait - min-width: 768px and max-width: 1024px */
@media (max-width: 1024px) {
  :root {
    --root-font-size: 16px;
  }
}

/* Mobile Portrait - max-width: 767px */
@media (max-width: 767px) {
  :root {
    --root-font-size: 16px;
  }
}