/*
 * RESPONSIVE FOUNDATION
 * Shared categories. Section-specific rules stay inside section files.
 */

/* Mobile S */
@media (max-width: 374px) {
  :root { --home-device-class: "mobile-s"; }
}

/* Mobile */
@media (min-width: 375px) and (max-width: 767px) {
  :root { --home-device-class: "mobile"; }
}

/* Tablet */
@media (min-width: 768px) and (max-width: 1023px) {
  :root { --home-device-class: "tablet"; }
}

/* Laptop */
@media (min-width: 1024px) and (max-width: 1365px) {
  :root { --home-device-class: "laptop"; }
}

/* Desktop */
@media (min-width: 1366px) and (max-width: 1919px) {
  :root { --home-device-class: "desktop"; }
}

/* Desktop XL */
@media (min-width: 1920px) {
  :root { --home-device-class: "desktop-xl"; }
}

/* Short viewports are a geometry class, independent of width. */
@media (max-height: 700px) {
  :root { --home-viewport-class: "short"; }
}

@media (min-height: 701px) {
  :root { --home-viewport-class: "normal"; }
}