html {font-size: 62.5%} body {font-family: "Roboto"; font-weight: 300; color: var(--bricks-color-grey-dark); font-size: font-size: clamp(1.5rem, 1.4667rem + 0.1042vw, 1.6rem)} h1, h2, h3, h4, h5, h6 {color: var(--bricks-color-grey-dark)} h1 {font-family: "Roboto"; font-size: clamp(2.8rem, 2.678rem + 0.612vw, 3.2rem)} h2 {font-size: clamp(2.6rem, 2.478rem + 0.612vw, 3rem)} h3 {font-size: clamp(2rem, 1.878rem + 0.612vw, 2.4rem)} h4 {font-size: clamp(1.8rem, 1.678rem + 0.612vw, 2.2rem)} h5 {font-size: clamp(1.6rem, 1.478rem + 0.612vw, 2rem)} h6 {font-size: font-size: clamp(1.6rem, 1.5333rem + 0.2083vw, 1.8rem)} .brxe-container {width: 1280px} .woocommerce main.site-main {width: 1280px} #brx-content.wordpress {width: 1280px}:where(:root) .bricks-color-primary {color: var(--bricks-color-grey-medium)}:where(:root) .bricks-background-primary {background-color: var(--bricks-color-grey-medium)}:where(:root) .bricks-color-light {color: var(--bricks-color-ultralight)}:where(:root) .bricks-background-light {background-color: var(--bricks-color-ultralight)}:where(:root) .bricks-color-secondary {color: var(--bricks-color-grey-dark)}:where(:root) .bricks-background-secondary {background-color: var(--bricks-color-grey-dark)}:where(:root) .bricks-color-dark {color: var(--bricks-color-grey-ultradark)}:where(:root) .bricks-background-dark {background-color: var(--bricks-color-grey-ultradark)} .brxe-section {padding-top: 8rem; padding-right: 3rem; padding-bottom: 8rem; padding-left: 3rem}@media (max-width: 767px) { body {color: var(--bricks-color-grey-dark)} .brxe-section {padding-top: 4rem; padding-bottom: 4rem}}