html {font-size: 18px} body {font-family: "obviously", Arial; font-size: 1rem; line-height: 1.5; font-weight: 400; font-style: normal; color: var(--bricks-color-cmgnkz)} h1, h2, h3, h4, h5, h6 {text-transform: uppercase; text-wrap: balance; font-weight: 500} h1 {font-size: clamp(2.5rem, 4.464vw + 0.357rem, 7.5rem)} .brxe-container {width: 2560px; padding-right: 4em; padding-left: 4em} .woocommerce main.site-main {width: 2560px} #brx-content.wordpress {width: 2560px} .brxe-section {padding-top: 6em; padding-bottom: 6em} .bricks-button {text-wrap: nowrap; letter-spacing: 0px; text-transform: uppercase; border: 1px solid currentColor; border-radius: 100px; padding-top: 0.6em} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline) {background-color: rgba(255, 255, 255, 0)} :root .bricks-button[class*="primary"]:not(.outline) {background-color: rgba(255, 255, 255, 0)} :root .bricks-button[class*="light"]:not(.bricks-lightbox) {color: var(--bricks-color-fxxzwh)} :root .bricks-button[class*="light"]:not(.outline):not(.bricks-lightbox) {background-color: rgba(0, 0, 0, 0)} .bricks-button.sm {padding-top: 0.5em} .bricks-button.md {padding-top: 0.6em} .bricks-button.lg {padding-top: 0.7em} .bricks-button.xl {padding-top: 0.9em}@media (max-width: 991px) { html {font-size: 16px} .brxe-container {padding-right: 3em; padding-left: 3em} .brxe-section {padding-top: 4em; padding-bottom: 4em} .bricks-button {font-size: 0.9em}}@media (max-width: 767px) { .brxe-container {padding-right: 1.5em; padding-left: 1.5em} .brxe-section {padding-top: 2em; padding-bottom: 2em}}